Professional Documents
Culture Documents
VISUAL LANGUAGE
Color Typography Iconography Motion Space
Palettes, by category Hierarchy Pictograms Principles Units / measurments
Contrast Weights / types Illustration Timing Metrics and keylines
Meaning Web fonts Icon fonts Types Structure
Swatches Baseline grid Alignment Transitions Photography
UI ELEMENTS
Paragraph Buttons Form controls Form controls, cont’d Divider / rule
Lead paragraph Primary Text File upload Switch
Block quote Secondary Variants (email, etc) Labels Slider
Headers (H1 - H6) Button groups Text area Floating labels Image
Lists Menu buttons Radio Microcopy Block
Links Split buttons Checkbox Required Full bleed
Code FAB (floating action) Select Validation Inline with positions
UI COMPONENTS
Action bar/sheet Contact us Hero carousel Modal Site/App navigation
Back to top Cookie notification Legend Nav Megamenu Social networking
Badges Data tables Loading / spinner Pagination Status (alpha, beta,...)
Breadcrumbs Dialog Local navigation Progress bar Tabs
Calendar picker Drawer/accordion Maps Pull quote Tags / chips / pills
Caption Filters Menu Ratings Thumbnails / #-ups
Cards Footer Messaging Reviews Tips / tutorial
Chat (live) Footnotes Toast Rich text editor Toolbar
Code block Header Block Search Tooltips
Comments Hero billboard Inline error Sidebar Video & media
DOWNLOADS GETTING INVOLVED ABOUT THE PROGRAM ABOUT THE TEAM UTILITIES
Templates (PSD,...) Request New Parts Home page Team Variables / tokens
Swatch palettes Give Feedback Principles / pillars Recruiting / jobs Mixins
Fonts Request Audit Getting started Helpers
Icons Present at a Share FAQ Customize
Code Contribute Version history
OTHER?
SYSTEM NAME DATE
10