Style guide
Color Palette
primary
accent
action
success
error
dark
neutral
GLobal Messages
Toolbars
Layouts
Flex
Grid
.grid-row(2,5)
.grid-row(3,5)
Typography
H1 Lorem ipsum dolor
H2 Lorem ipsum dolor
H3 Lorem ipsum dolor
H4 Lorem ipsum dolor
H5 Lorem ipsum dolor
H6 Lorem ipsum dolor
Paragraphs
Marius aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate.
Mauris aliquet link ultricies ante, non bold faucibus ante gravida sed. Sed ultrices rendered as italicized text pellentesque purus, vulputate volutpat ipsum hendrerit sed neque..
Blockquote
Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor. Someone famous Source Title
Buttons
Primary
Secondary
Tetriary
Empty
Checkout Flow
Regular
Forms
Tabs
Tab 1 content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.
Tab 2 content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.
Tab 3 content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.
Modals
Tables
| Order # | Date | Ship To | Order Total | Status | Action |
|---|---|---|---|---|---|
| 000000002 | 1/19/17 | Firstname Last | $19.52 | Complete | View Order Reorder |
| 000000003 | 1/23/17 | Firstname Last | $39.64 | Pending | View Order Reorder |
| 000000004 | 1/28/17 | Firstname Last | $259.99 | Complete | View Order Reorder |
| 000000005 | 2/13/17 | Firstname Last | $23.19 | Processing | View Order Reorder |