Style Guide

A short and essential guide to the base structure.

Primary Colors

Primary Color 1
#1b264f

Secondary Colors

Secondary Color 1
#63D471
Secondary Color 2
#FBE3E7
Secondary Color 2
7ebce6

Neutral Colors

Neutral Color 500
#848894
Neutral Color 400
#f5f3f5
Neutral Color 300
#BDC2D1
Neutral Color 200
#D8DCE7
Neutral Color 100
#F8F8F8
White
#FFFFFF

Headline

Display 1 Text

Text 6xL- 80px/94px - Bold

Display 2 Text

Text 5xL - 76px -Bold

Display 4 Text

Text 4xL - 60px - Bold

Display 3 Text

Text 3xL - 37px - Bold

Display 2 Text

Text 2xL - 32px - Bold

Heading H1 - Aa Bb Cc Dd

Heading 1 - 37px - Bold

Heading H2 - Aa Bb Cc Dd

Text Large
Heading 2 - 28px - Bold

Heading H3 - Aa Bb Cc Dd

Heading H4 - Aa Bb Cc Dd
Text Medium
Heading 3 - 21px - Bold

Heading H4 - Aa Bb Cc Dd

Heading H4 - Aa Bb Cc Dd
Text Base
Heading 4 - 16px - Bold
Heading H5 - Aa Bb Cc Dd
Heading 5 - 12px - Bold
Heading H6 - Aa Bb Cc Dd
Heading 6 - 9px - Bold

Bold - Lorem ipsum dolor sit amet

Bold Text - Bold

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 14px - Regular

Paragraph Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Medium - 20px -Regular

Paragraph Big

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 21px -Regular
Paragraph Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/30px - Regular

Rich Text Styling

I was selling stuff probably since I could remember, like 6 or 7 years old. I was always out there helping my mom and dad sell watches, glasses, CDs, DVDs, stuff like that. Whatever we could put our hands on. I did it until I was around 17. But I was just doing it because I had to. There was no other option. Blow the dust off the clock. Your watches are behind the times. Throw open the heavy curtains which are so dear to you - you do not even suspect that the day has already dawned outside.

New Digital Performance

I have a large watch collection, and classic watches are especially important to me. I had a silver Rolex, and I actually gave it to my little brother. He wears it every day. He's an actor, so whenever he goes to an audition, he can look down, see it, and it gives him confidence. It was a great thing to pass on.

When we are fearful and worried all the time, we are living as if we don't believe that we have a strong and able Shepherd who is tenderhearted toward us, who only leads us to good places, who protects us and lovingly watches over us.

Simple & Efficient

Ever since the end of Medieval feudalism, and the writings of John Locke, we have understood the importance of being able to buy and sell one's own property, including books and watches, both for reasons of economics and liberty. OCD about downloading my runs no matter where I go. I used it on an 18-mile run in Paris, a 12-miler in the mountains of Montana, a couple of runs in the Bahamas. Wherever I am, I try to run. That's what's so great about it.

The first rule of any technology used in a business is that automation applied to an efficient operation will magnify the efficiency. The second is that automation applied to an inefficient operation will magnify the inefficiency.

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Template Features:

  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Perfect Template for Creative People

Now we live in this DVD, iTunes, Hulu age, and show creators and networks are realizing that and letting shows develop on those terms rather than 'We gotta just punch it week to week, man.' Now they're like, 'What will happen if someone watches the entire show?'

Template Features:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

Now that I have a daughter, I've been thinking about how I'll define beauty to her. I watched a video of Kendall when she was three, and she was putting on makeup. I don't know how I feel about that. But my daughter already watches me do it. When do you let them start wearing it? I don't know yet.

Rich Text Styling

I was selling stuff probably since I could remember, like 6 or 7 years old. I was always out there helping my mom and dad sell watches, glasses, CDs, DVDs, stuff like that. Whatever we could put our hands on. I did it until I was around 17. But I was just doing it because I had to. There was no other option. Blow the dust off the clock. Your watches are behind the times. Throw open the heavy curtains which are so dear to you - you do not even suspect that the day has already dawned outside.

New Digital Performance

I have a large watch collection, and classic watches are especially important to me. I had a silver Rolex, and I actually gave it to my little brother. He wears it every day. He's an actor, so whenever he goes to an audition, he can look down, see it, and it gives him confidence. It was a great thing to pass on.

When we are fearful and worried all the time, we are living as if we don't believe that we have a strong and able Shepherd who is tenderhearted toward us, who only leads us to good places, who protects us and lovingly watches over us.

Simple & Efficient

Ever since the end of Medieval feudalism, and the writings of John Locke, we have understood the importance of being able to buy and sell one's own property, including books and watches, both for reasons of economics and liberty. OCD about downloading my runs no matter where I go. I used it on an 18-mile run in Paris, a 12-miler in the mountains of Montana, a couple of runs in the Bahamas. Wherever I am, I try to run. That's what's so great about it.

The first rule of any technology used in a business is that automation applied to an efficient operation will magnify the efficiency. The second is that automation applied to an inefficient operation will magnify the inefficiency.

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Template Features:

  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Perfect Template for Creative People

Now we live in this DVD, iTunes, Hulu age, and show creators and networks are realizing that and letting shows develop on those terms rather than 'We gotta just punch it week to week, man.' Now they're like, 'What will happen if someone watches the entire show?'

Template Features:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

Now that I have a daughter, I've been thinking about how I'll define beauty to her. I watched a video of Kendall when she was three, and she was putting on makeup. I don't know how I feel about that. But my daughter already watches me do it. When do you let them start wearing it? I don't know yet.

Containers

Container 1280
Margin Top 16px
Margin Top 16px
Padding Top 16px
Padding Bottom 16px

Grid

Grid 1 Column
Grid 2 Column
Grid 3 Columns
Grid 2 Columns Align Center
Grid 2 Columns Align Left

Flex

Flex Row
Flex Row Reversed
Flex Align Center
Flex Column
Flex  Align Left