Text large
Text large (strong)
Text medium
Text medium (strong)
Get 20% off all comprehensive courses with code LEARN20 at checkout.
Styles
Style guide
We don’t just reply to emails, we start conversations that shape ideas.
Design decisions don'ton't exist in isolation. Every choice — from a spacing value to a type weight — connects back to a shared set of principles that make the system feel cohesive, not assembled. That consistency is what lets the design scale without losing its character.
The real power of a design system isn'tsn't in any single component — it's in how everything works together. When structure is thoughtful and tokens are meaningful, building new pages feels like composing rather than constructing. You spend less time fixing and more time creating.
Typography
Type carries meaning before a word is read. The styles here are built to do real work: establishing hierarchy, directing attention, and making dense content feel light. Every scale step, weight, and line height has been calibrated to work together, so the system feels effortless in use.
Heading
Heading
Heading
Heading
Heading
Heading
Heading
Body
Colors
The color system is built to be practical, not decorative. It’s based on a small set of neutrals for structure and a few accents to bring focus where it matters. Contrast and usability always come first. You’ll find colors for base surfaces, text, borders, and highlights. They are designed to work together out of the box, but you can easily adjust them to match your brand.
Brand color
#ED7472
Brand color
#1A171A
Brand color
#F7F6F5
White
#FFFFFF
2nd BG
#ECECEC
Orange
#FFE1D6
Inputs
Inputs are built to feel calm and easy to use. Different states like default, active, and filled help users understand where they are and what’s happening. Everything is kept minimal so forms don’t feel heavy or distracting. Use them as a base and adapt if your project needs something more custom.
