menu

Spectrum Support

Spectrum is a community platform for the future. This community is a great place to ask questions, request features, report bugs, and chat with the Spectrum team.

Channels
Team

Spectrum Design System?

May 24, 2018 at 4:07pm

Spectrum Design System?

May 24, 2018 at 4:07pm

I’m absolutely in love with the design of Spectrum. From the colors to typography to icons. Everything looks and feels really good. I’d love to be able to look at the Figma/Sketch/whatever file of Spectrum’s design system.


May 24, 2018 at 4:24pm

We don't really have a whole lot of this in Figma at the moment, but all of our code is available at https://github.com/withspectrum/spectrum if you want to poke around our css and components!

like-fill
1
  • reply
  • like

Thanks @brian for the quick reply. I’m aware of the repo but due to my lack of suffi knowledge of React.js, I was having a hard time finding all the icons and styles. The reason for my request was not just to be able to get access to the resources but also learn about the process & methodology used to design Spectrum. Would love to get access even to the rough design files 😋 Thanks for creating such a wonderful app 👌

  • reply
  • like

sufficient*

  • reply
  • like

for the most part, the codebase is our process - being super early, we rarely take time to mock things up :) assets are built in figma however, and we have some color documentation in there for contrast testing. working with their team to find a way to sustainably share those resources.

like-fill
4
  • reply
  • like

Cool. Hoping to see the resources being shared in the future :) Thanks @bryn

  • reply
  • like

June 2, 2018 at 7:54pm

for the most part, the codebase is our process - being super early, we rarely take time to mock things up :) assets are built in figma however, and we have some color documentation in there for contrast testing. working with their team to find a way to sustainably share those resources.

like-fill
1
  • reply
  • like

March 6, 2019 at 4:32pm

Hi yall 👋First off - we LOVE spectrum and really, really appreciate that it's open source (🙏 for all you do @brian @mxstbr @bryn 🙌) .

We forked Spectrum for a self-hosted build and plan to contribute back anything we can into the primary spectrum project.

For our workflow, we do prefer to do mockups/designs in sketch before moving to code. Reading through this thread, I understand there is not a base Spectrum Sketch template - however - I'm considering building out to help our project + Spectrum.

Before I get started... is there an old Sketch file floating around? How might I get the icons / fonts / etc. to pull into Sketch?

Please let me know. 🙏

like-fill
1
  • reply
  • like

We don't have any sketch files though; do you use Figma at all? If so I can see if we have anything worth sharing, but to be honest I don't think we ever really did serious mocks in Figma at all

like-fill
2
  • reply
  • like

We don't have any sketch files though; do you use Figma at all? If so I can see if we have anything worth sharing, but to be honest I don't think we ever really did serious mocks in Figma at all

I've never used Figma - looking at it now :) - If you have anything helpful for Figma, please send it along. I can always export from Figma and pull into Sketch if needed. Thank you!

  • reply
  • like