Interaction Patterns
product.guidelines.uxPatterns.description
product.guidelines.interactionPatterns.bestPractices
product.guidelines.interactionPatterns.darkPatterns
UI Kit
From atoms to modules to views - our comprehensive design system components.
Atoms
Basic building blocks like buttons, inputs, and icons
Molecules
Simple combinations of atoms like form fields and search bars
Organisms
Complex UI components like headers, sidebars, and cards
Templates
Page-level layouts and wireframes without content
Pages
Specific instances of templates with real content
More to come
Additional components and patterns as we grow
Micro-interactions
Delightful details that bring our interfaces to life.
Living Icons
Icons that respond to user actions with subtle animations and state changes
Button hover states, loading spinners, and interactive icons
Emphasis On
Visual emphasis through scale, color, and motion to guide user attention
Focus states, selection highlights, and call-to-action animations
Reward Delights
Celebratory animations that provide positive feedback for user actions
Success animations, achievement unlocks, and completion celebrations
More to come
Additional micro-interaction patterns as we discover new ways to delight users
Gesture feedback, haptic responses, and contextual animations