Colors

Logo: #f04c3c Primary: #f46240 Secondary: #43b4c2 Dark grey: #333 Medium grey: #c8c8c8 Light grey: #e8e8e8

Fonts

24px for h1: link styles

18px for h2: link styles

16px for h3: link styles

14px for paragraphs: link styles
12px for meta information: link styles
10px for tiny meta information: link styles

Paddings

15px is our standard padding size.

Date display

Current year:

navigateleft Apr 20 - May 19 navigateright

Previous year:

navigateleft Apr 20, 2015 - May 19, 2015 navigateright

Tables

Borderless table: useful for putting in containers that already have a border

Field Value
userprofile Name Leonard McCoy
location Location USS Enterprise

Bordered table: useful for standalone

Field Value
userprofile Name Leonard McCoy
location Location USS Enterprise

Table: No headers

userprofile Name Leonard McCoy
location Location USS Enterprise

Icon Lists

It's an icon list.

It's an inline icon list.

It's a linked inline icon list (useful for "fake" links).

Channels

Regular/secondary buttons

filter
calendar
ellipsis
Link button
calendar Div button!
calendar Dates
Button combo
Another one
descend
filter Expand

Primary buttons

calendar
Div button!
Button combo
descend
filter Expand

Light buttons

calendar
Div button!
Button combo
descend
filter Expand

Magnets

Avatars

DC

Tabs

Tabs that stick to the block above

And some full-width tabs below.

New Subnavigation Tabs Above


New Subnavigation Tabs Below

Forms

Input with Icon

search
Static form content
  • Tag1
  • Tag2

Posts

Metrics List

Useful for any list of users/influencers that has metrics with it.

Headers and footers and layout

Block header

Help text subtitle goes here

Block header
descend

Block header

Subtitle goes here

Block header

Subtitle goes here
Cancel Save

Filters magnet display

The rest of your page goes here.

Animation

To Do

  1. Move influencers somewhere else
  2. Add Analytics header - Found on the top of the Analytics charts
  3. Add radio buttons/inputs to forms - See User Settings - Notifications

Influencers

Stat Table

7K
Total Audience
eye
21%
Audience Increase
barchart
Twitter +201 +20%
instagram Instagram +190 +15%
youtube Youtube +4 +38%
Facebook -

Dialogs/Modals

Launch