Style Guide
Style Guide for CoyoteCreation.com
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.
