Style Guide
Color PaletteButtonsFontsHeadingsParagraphsRich TextRich Text: PostRich Text: Work
Back to Homepage

Color Palette

Main Color
#d19c1d   |   #ae8218
Dark
#151515
Grey 1
#454545
Grey 2
#959595
Grey 3
#d1d1d1
Grey 4
#E5E5E5
Haze
#f7f7f7

Buttons

Button
Color Button
Button
Ghost Button
Twitter logo
Button
Color Button + Icon
Button
White Button
Button
Ghost Button on Dark BG
Button
White Button + Icon

Fonts

Articulat CF

Articulat CF is a streamlined, updated take on midcentury type design. Strong, sharp, and well-spoken, Articulat was built from scratch to be bold, clean, and clear.

by Connary Fagen

Why I chose it

I appreciate that (just as its namesake implies) Articulat's nature is inherently eloquent. There's strength in its clarity and yet a demureness to its soft curves and the rounded tittle on the lowercase "i" and "j". Midcentury design has long been my favorite for its minimalism, thoughtfulness, and practicality, and the fact that Articulat's shapes are drawn from the principles of that era really completes this font for me. It's a typeface that speaks for itself.

How I use it

Articulate is the primary font on my website, used in headings and paragraph text in most places.

Lora

Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface with moderate contrast well suited for body text. The overall typographic voice of Lora perfectly conveys the mood of a modern-day story, or an art essay.

by Cyreal on Google Fonts

Why I chose it

Lora is a lovely serif font with approachable, pleasing shapes. Its calligraphic roots add a warm, human touch. The timeless and traditional nature of serifs bring me back to a time I was born for but not born into. I wanted my web presence to nod to classical literature with a bit of a contemporary spin, and I think I found that with Lora.

How I use it

I use Lora for quotes and long form writing pieces, such as on my blog.

Super Heading Number 1
King of Headings

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.

Super Heading Number 2
Heading's Revenge

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.

Super Heading Number 3
Rise of Headings

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.

Super Heading Number 4
Heading's Fall

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.

Super Heading Number 5
Return of the Heading

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.

Super Heading Number 6
The Last Heading

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 - 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 - Default

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 - 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.

Rich Text

Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. A successful marketing plan relies heavily on the pulling-power of advertising copy. There is no magic formula to write perfect ad copy; it is based on a number of factors, including ad placement, demographic, even the consumer’s mood when they see your ad.

Introducing Maker. Powerful UI Kit Template for Startups

So how is any writer supposed to pen a stunning piece of advertising copy — copy that sizzles and sells? The following tips will jumpstart your creative thinking and help you write a better ad. Consumers are inundated with ads, so it’s vital that your ad catches the eye and immediately grabs interest.

Photo from Unsplash

You could do this with a headline or slogan (such as VW’s “Drivers Wanted” campaign), color or layout (Target’s new colorful, simple ads are a testimony to this) or illustration (such as the Red Bull characters or Zoloft’s depressed ball and his ladybug friend).  All good advertising copy is comprised of the same basic elements.

Simple & Beautiful

How you write your advertising copy will be based on where you will place your ad. If it’s a billboard ad, you’ll need a super catchy headline and simple design due to the speed at which people will pass. Online ads are similar; consumers are so inundated with Internet advertising that your ad must be quick and catchy.

"Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. There is no magic formula to write perfect ad copy."

What would the consumer gain by using your product or service? This could be tangible, like a free gift; prestige, power or fame. But remember: you must be able to make good on that promise, so don’t offer anything unreasonable.

Template Features:
  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

Magazine advertising is the most versatile, but this is solely dependent on the size of your ad and how many other ads compete with yours.

A Perfect Template for Your Startup

Grabbing the consumer’s attention isn’t enough; you have to keep that attention for at least a few seconds. This is where your benefits come into play or a product description that sets your offer apart from the others.

TEMPLATE FEATURES:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

If you have a full page ad, feel free to experiment; more page space gives you more creative space. If the ad is tiny, you’ll need to keep things as simple as possible

Rich Text: Blog Post

Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. A successful marketing plan relies heavily on the pulling-power of advertising copy. There is no magic formula to write perfect ad copy; it is based on a number of factors, including ad placement, demographic, even the consumer’s mood when they see your ad.

A Powerful UI Kit Template for Your Business.

So how is any writer supposed to pen a stunning piece of advertising copy — copy that sizzles and sells? The following tips will jumpstart your creative thinking and help you write a better ad. Consumers are inundated with ads, so it’s vital that your ad catches the eye and immediately grabs interest.

Free photo from Unsplash

You could do this with a headline or slogan (such as VW’s “Drivers Wanted” campaign), color or layout (Target’s new colorful, simple ads are a testimony to this) or illustration (such as the Red Bull characters or Zoloft’s depressed ball and his ladybug friend).  All good advertising copy is comprised of the same basic elements.

Simple & Beautiful

How you write your advertising copy will be based on where you will place your ad. If it’s a billboard ad, you’ll need a super catchy headline and simple design due to the speed at which people will pass. Online ads are similar; consumers are so inundated with Internet advertising that your ad must be quick and catchy.

"Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. There is no magic formula to write perfect ad copy."

What would the consumer gain by using your product or service? This could be tangible, like a free gift; prestige, power or fame. But remember: you must be able to make good on that promise, so don’t offer anything unreasonable.

Template Features:
  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

Magazine advertising is the most versatile, but this is solely dependent on the size of your ad and how many other ads compete with yours.

A Perfect Template for Your Startup

Grabbing the consumer’s attention isn’t enough; you have to keep that attention for at least a few seconds. This is where your benefits come into play or a product description that sets your offer apart from the others.

TEMPLATE FEATURES:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

If you have a full page ad, feel free to experiment; more page space gives you more creative space. If the ad is tiny, you’ll need to keep things as simple as possible.

Rich Text: Work Presentation

Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. A successful marketing plan relies heavily on the pulling-power of advertising copy.

Free photo from Unsplash

There is no magic formula to write perfect ad copy; it is based on a number of factors, including ad placement, demographic, even the consumer’s mood when they see your ad.

A Powerful UI Kit Template for Your Business.

So how is any writer supposed to pen a stunning piece of advertising copy — copy that sizzles and sells? The following tips will jumpstart your creative thinking and help you write a better ad. Consumers are inundated with ads, so it’s vital that your ad catches the eye and immediately grabs interest.

Simple & Beautiful

How you write your advertising copy will be based on where you will place your ad. If it’s a billboard ad, you’ll need a super catchy headline and simple design due to the speed at which people will pass. Online ads are similar; consumers are so inundated with Internet advertising that your ad must be quick and catchy.

Writing result-oriented ad copy is difficult, as it must appeal to, entice, and convince consumers to take action. There is no magic formula to write perfect ad copy.

What would the consumer gain by using your product or service? This could be tangible, like a free gift; prestige, power or fame. But remember: you must be able to make good on that promise, so don’t offer anything unreasonable.

Template Features:
  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

Magazine advertising is the most versatile, but this is solely dependent on the size of your ad and how many other ads compete with yours.

A Perfect Template for Your Startup

Grabbing the consumer’s attention isn’t enough; you have to keep that attention for at least a few seconds. This is where your benefits come into play or a product description that sets your offer apart from the others.

TEMPLATE FEATURES:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

If you have a full page ad, feel free to experiment; more page space gives you more creative space. If the ad is tiny, you’ll need to keep things as simple as possible.