Style Guide for the Narrative Site
Version 1, Last Updated Jan 8, 2015 @ 10:00am Pacific
Colors
#2196F3; Use this for tab bars, some section headers, and buttons
#2962FF; Use this for link colors.
#4BB856; Accent color, use for tab or cell selection.
#888; Use for grey text and icons.
#CECECE; Use for line separators.
#F5F5F5; Use for light backgrounds.
Buttons & Links
A link looks like this
BUTTON
Typography
Colored Heading
Black Heading
Sub Heading
Small Heading
Body text
helper text or other small text
COL HEADING
Bigger text
Icons
Using font-awesome, but if someone else has other suggestions, I'm up for it.
Search
Sort
Filter
Open a data/method/etc slideout
Open panel
Minimized panel
Delete
Other Stuff
Card
Assemble and Annotate
Assemble and annotate a contig set.
Separator
Active Item
Active Tab
