Style Guide

Style Guide for CoyoteCreation.com

Coyote Creation Sun

Overall Design

Logo – Coyote Creation

Eagle Lake Font

Color: #000 – Black

H1, H2, H3 headlines

Eagle Lake Font

Color: #000 – Black

Paragraph Text

IM Fell French Canon

Color: #000 – Black

The Radiant Sourcerer Tarot Deck Title

Black Adder Font

Color: #000 – Black

Color Palette

Curabitur non nulla

o eget malesuada. Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvin

8

Color

  • Background Color: #f6efe7 – Alabaster
  • Gold Buttons and Image borders: #BCA274 – Dark Goldenrod

Emphasis:

  • #E09900 –  Tangerine
  • #8da37d – Sage Green
  • #556B2F – Dark Olive Green

 

Radiant Sun Color Palette - Draft

  • #f6efe7
    Alabaster

  • #BCA274
    Dark Goldenrod

  • #EO9900
    Tangerine

  • #434242
    Tundora

  • #815A45
    Chocolate Milk

  • #8da37d
    Sage Green

  • #8f0540
    Rose Garnet

Radiant Sun Color Palette - Draft 2

  • #f6efe7
    Alabaster

  • #BCA274
    Dark Goldenrod

  • #EO9900
    Tangerine

  • #434242
    Tundora

  • #815A45
    Chocolate Milk

  • #556B2F
    Olive Green

  • #C4CBB6
    Fog Green

Images

Home Page

3 Hero Images

6 Thumbnail Images

3 Hero Images

  • These images use portrait layout at approx. 1920 by 1500 pixels to 800 by 1013 pixels.  
  • They are applied as background images on the column and use true parallax.

6 Thumbnail Images

  • These images are used as scaled section headers for the tarot categories.
  • Use landscape layout 800 by 576 pixels.
  • They are embedded images in an image module.

Images

Tarot Main Page

3 Hero Images

6 Thumbnail Images

Header Image

  • The header background Image is landscape and at least 1920 by 900 pixels.  
  • It is applied as a background image on the hero > fullwidth header section.

6 Thumbnail Images

  • These images are used as scaled section headers for the tarot categories.
  • Use portrait layout 340 by 400 pixels.
  • They are embedded images in a blurb module.

Images

Tarot Blog Post Pages

1 Hero Images

1 Featured Image

Optional Thumbnail Images

Header Image

  • The header background Image is landscape and 1000 by 730 pixels.  
  • It is applied as a background image on the hero > fullwidth header section.

Content Images

  • Content Images are used to add visual interest or references in the blog post.
  • Size may vary but likely should be bigger than 340 by 400 pixels.
  • They are embedded images in an image module.