Component/Pattern Library
A title
A description
A thumbnail
The date
The author
codeblock
buttons
popovers
typography
global
— navigation
— headers
— footers
— news
— services
— about
— — team
— — history
— policies
— alert messages
macro (or groupings)
— article layouts
— product pages
— contact
— pre-constructed with
— — content blocks
— — — img left with heading and text on right
— — — etc
micro (sub elements that can be grouped)
— lists
— content blocks
— — 50/50
— — — img left
— — — img right
— — 25/75
— — 60/40
— — 33/33/33
— — 25/25/25/25
— — (each with background image options and cells that can be blank)
— data visualization
— — tables
— — charts
— — graphs
— testimonials
— blockquotes
— sub-navigation
— galleries
— — photo
— — product
— — logos
— products within content
— downloadable files buttons
— promo items
— hero/carousel/sliders
— forms
— — label + input + button
— CTAs
— Image types
— — full width
— — full width panoramic (short height)
— — 2/3 page
— — 1/2 page
— — 1/4 page
— — with byline and description
— — with link
states
— Default
— Focus
— Expanded/Toggled/Selected
— Disabled
— Hover
— Active