Atomic Design Lessons | Uxcel

<?xml version="1.0" encoding="utf-8"?>

Atomic Design by Brad Frost

Learn how atomic design helps craft scalable, consistent, and efficient user interfaces

Best Practices for Designing Forms

Apply proven guidelines for labels, inputs, errors, and buttons to make forms users actually complete

Best Practices for Designing UI Cards

Design cards that are simple, scannable, and invite users to explore more

Best Practices for Designing UI Modals

Design modals that serve a clear purpose and are easy to dismiss

When & How to Use Headers in UIs

Design headers that orient users and provide clear access to key navigation

Best Practices for Designing Headers

Build headers that adapt to screens, stay readable, and guide users effectively

Best Practices for Designing Footers

Learn the best practices to create footers that help users find what they need and complete key actions

Mobile Information & Container Components

Learn about UI elements such as mobile information and container components that are crucial to delivering information to users

Atomic Design & Modular Thinking

Build scalable interfaces by understanding how small, reusable parts form complete systems.

Tokens: The DNA of a Design System

Use design tokens to turn visual styles into structured, reusable rules for consistent products.

Software Architecture Basics

Learn how to build products that actually scale by understanding the tech underneath