Design System
Cozy minimalism inspired by Scandinavian design
A soft, natural palette inspired by Nordic landscapes. Light foundations with warm wood tones and nature-derived accents create an inviting, comfortable atmosphere.
Nunito Sans brings warmth and readability for body text, while Playfair Display adds an elegant, refined touch for headings. Together they balance comfort with sophistication.
Generous, breathing whitespace is central to Nordic design. Our spacing scale builds from a 4px base, creating rhythm and visual calm throughout the interface.
Whitespace is not empty space. It provides visual breathing room that makes content feel calm and approachable, a key principle of Scandinavian design philosophy.
Soft, rounded buttons with subtle shadows create an inviting, tactile feel. Warm accent colors draw attention without overwhelming the calm aesthetic.
Form elements feature soft borders and rounded corners. Warm focus states provide gentle feedback, making forms feel welcoming rather than clinical.
Cards use soft shadows and rounded corners to create depth without harshness. Warm gradients and wood-inspired backgrounds add coziness to content containers.
Design that prioritizes how spaces and interfaces make people feel at ease.
Soft, ambient lighting creates the foundation of a cozy atmosphere in any space.
Textures and materials from nature bring warmth and authenticity to design.
Every element serves a purpose while maintaining aesthetic appeal. Form and function work in harmony.
Reduce complexity to essentials. What remains is thoughtful, intentional, and meaningful.
Tables present information clearly with subtle row highlights and comfortable spacing. Headers use soft backgrounds to delineate without harsh contrast.
| Component | Status | Category | Version |
|---|---|---|---|
| Button | Ready | Interactive | 1.2.0 |
| Card | Ready | Layout | 1.1.0 |
| Input | Ready | Form | 1.0.0 |
| Modal | Beta | Overlay | 0.9.0 |
| Toast | In Progress | Feedback | 0.5.0 |
| Tooltip | Planned | Overlay | - |
Small status indicators with soft backgrounds and rounded edges. Each color variant corresponds to a semantic meaning while maintaining visual harmony.
The guiding philosophy behind Nordic design. These principles ensure every decision contributes to an experience that feels warm, inviting, and thoughtfully crafted.
Create a feeling of coziness, comfort, and contentment. Design should nurture well-being and evoke warmth, making users feel at home in digital spaces.
The Swedish concept of "just enough." Not too much, not too little. Strike a balance that feels effortless and avoids both excess and scarcity in design elements.
Draw inspiration from Nordic landscapes and materials. Use colors, textures, and forms that echo nature, bringing the outdoors in and fostering a sense of organic authenticity.
Every element should serve a clear purpose. Embrace minimalism not as an aesthetic choice, but as a commitment to removing barriers between users and their goals.
Remember: Nordic design is not about cold minimalism. It is about creating spaces that feel lived-in and loved, where simplicity serves comfort rather than austerity.