Needs a UI Guide

[nashvail]

Before we start to work on styling components, it'd be good to have a solid UI Document first.
Components to be included in first UI guide (phase one) :

Style Guide (.sketch)

Typography

Types

• Heading
• Body
• Emphasis (Bold/ Italics)
• Blockquote
• Addresses
• Abbreviations

Buttons

Types

• Default
• Primary
• Success
• Info
• Warning
• Danger
• Block Buttons
• Button Bars
• Icon + Text
• Icon Only

States (See #10 )

• Normal
• Hover
• Focus
• Disabled
• Active
• Readonly

Sizes

• Extra Small
• Small
• Medium
• Large
• Extra Large

Progress so far (Open for community feedback)

Input

Types

HTML4 (See #6)

• text
• textarea
• password
• checkbox
• radio
• submit
• reset
• hidden
• file / Image
• Select
• Labels (inline and above input)

HTML5 (See #8)

• search
• email
• url
• tel
• number
• range
• date
• month
• week
• time
• datetime
• datetime-local
• color

States

• Normal
• Focused
• Disabled
• Error
• Disabled
• Active
• Readonly

Sizes

• Emphasized
• Standard
• Tiny

Validation Styling (See #9 )

• Input/Label Styling for Validation
• Inline Validation Messages
• Above Form Validation Messaging

Progress so far (Open for community feedback)

Notifications

Types

• Default
• Success
• Info
• Warning
• Danger

Table
Images

[sfrisk]

Feel free to give input on design directions.

@arschmitz @scottgonzalez thoughts from the UI front?