Bradfrost

Atomic Design | Atomic Design by Brad Frost

Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before.

Atomic Design | Atomic Design by Brad Frost

CategoryDesign Systems

Date added2019

A curated collection of design principles used as decision-making frameworks. Practical examples and guidance for teams building products.

Explore real design systems from leading product teams. See how they structure documentation, tokens, components and guidelines.

zeroheight showcase

An open-source checklist to help you plan, build and grow your design system.

Designsystemchecklist

Using multiples of 8 to define dimensions, padding, and margin of elements

Design grids for web: Choose columns, gutters, and breakpoints. Adaptive vs fluid vs hybrid approaches.

Your product and brand portfolio keeps growing. Is your design system keeping up? Tune in to hear from Ricardo Vazquez (Shopify), Mason Wendell (Condé Nast),...

In the file: Creating multi-brand design systemsVideo