Design. Document. Launch. Systematically.

Effortlessly document with a sleek, structured, and fully customizable template—built for Framer, designed for clarity and scalability.

Foundations

Define the core principles, typography, colors, and spacing that shape your design system.

Foundations

Define the core principles, typography, colors, and spacing that shape your design system.

Foundations

Define the core principles, typography, colors, and spacing that shape your design system.

Components

Document reusable UI elements with clear guidelines and usage examples.

Components

Document reusable UI elements with clear guidelines and usage examples.

Components

Document reusable UI elements with clear guidelines and usage examples.

Patterns

Standardize design decisions with scalable, consistent values for colors, typography, and spacing.

Patterns

Standardize design decisions with scalable, consistent values for colors, typography, and spacing.

Patterns

Standardize design decisions with scalable, consistent values for colors, typography, and spacing.

Latest updates and articles

A black and white digital photograph of a person holding a tablet displaying a design or data visualization tool. The screen shows a grid of variously shaded squares with interface elements on the sides. The background is dark, with several coins appearing to be floating or flipping in mid-air, adding a surreal effect to the composition.

Expanded Token Support: More Flexibility, Less Hassle

Update

Expanded Token Support: More Flexibility, Less Hassle

Update

Expanded Token Support: More Flexibility, Less Hassle

Update

A monochromatic still life composition featuring geometric objects, natural elements, and design materials arranged in a balanced manner. The scene includes textured cubes, a round stone, a fountain pen, a glass jar with a minimalist lid containing delicate submerged flowers, and a small plant emerging from the lid. The objects are set against a dark background with soft, directional lighting casting subtle shadows, enhancing the contrast and depth.

Building a Strong Component Library

Insight

Building a Strong Component Library

Insight

Building a Strong Component Library

Insight

A futuristic, abstract composition featuring sleek, black digital interface elements resembling curved screens or smart wristbands. Each element displays bold, modern typography, icons, and symbols. The curved screens appear to be floating or bending in mid-air, creating a sense of movement. The background is dark with additional floating objects, including a stylus and a small rectangular device, enhancing the high-tech aesthetic.

New Components: Tabs & Accordions

Insight

New Components: Tabs & Accordions

Insight

New Components: Tabs & Accordions

Insight

Looking to contribute?

Your input matters! Whether it’s feedback, design suggestions, or new ideas, every contribution helps shape a more refined, flexible, and efficient design system. Share your thoughts and be part of building something better for everyone.