Framework
The Evo design system is an integrated framework with four major building blocks.
01. Pure Evo →
Use this functional CSS to create HTML elements. Define and control all fonts, colors, and sizes. So good.
02. Brand Kit →
Branding is treated as a distinct layer atop the design system.
03. Design library →
Mix of UI elements, branding, and UX design assembled into intelligent design components.
04. System knowledge →
Because Evo is only as good as knowing how to use it.
Benefits →
Built for a small team of digital managers, designers, and developers. Evo encourages team collaboration on building a design system — without the pain and suffering of starting from scratch.
- Faster. Flexible design & dev using the framework.
- Better. Quality with ready-made themed elements.
- Cheaper. Lower production cost with reusable assets.
Highlights →
Interesting features and examples within the Evo.Guide.
Resources →
| Resource | Description |
|---|---|
| Massive.Guide | Massive collection of design system links and more |
| Human Icons | Over 1000 variable weight icons |
| Google Fonts | Open-source designer web fonts |
| Coolers | Define your own color palette |
| Design Systems | A book by Smashing Magazine |
| Unsplash | Free images |