Merilyn Steele Website Style Guide

Logo

Header Logo Font

Font Family:       Great Vibes
Font Size:            64px
Font Colour:       #e5d3d1

Merilyn Steele

Colours

Header Colours

Header Background

#000000

Text Colour

#E5D3D1

Hover Colour

#AE9378

Accent Colour

#5045A7

Backgrounds

Home Background 1

#fff8dc

Home Background 2

#eeeeee

Main Content Colour

#FFFFFF

Buttons

Fill Colour: #5045a7

Outline/Hover Colour: #8224e3

FILLED BUTTONS
OUTLINED BUTTONS
FILLED ICON BUTTON
OUTLINE ICON BUTTON

Typography

Heading 1

Font Family:       Bree Serif
Font Size:            36px
Font Colour:       #333

The quick brown fox jumps over the lazy dog

Heading 2

Font Family:       Bree Serif
Font Size:            30px
Font Colour:       #333

The quick brown fox jumps over the lazy dog

Heading 3

Font Family:       Bree Serif
Font Size:            24px
Font Colour:       #333

The quick brown fox jumps over the lazy dog

Heading 4

Font Family:       Bree Serif
Font Size:            18px
Font Colour:       #333

The quick brown fox jumps over the lazy dog

Body Text

Font Family:       Open Sans
Font Size:            16px
Font Colour:       #808080

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.

Sample Usage

The quick brown fox jumps over the lazy dog

Lorem ipsum dolor sit amet, nam ad ipsum ludus intellegat, mei nonumes noluisse in, posse omnium indoctum sed ea. Ullum quodsi est ad. Ferri etiam hendrerit ius ea. Pro et quem oporteat, ei soleat convenire nec. Eam tritani tibique consequat id, sit an prima ornatus, eu quando democritum quo.

  • Te nam solum mucius inermis.
  • Everti efficiendi no pro, et vel inani falli altera.
  • No eius convenire nam, vim probo constituam ut.

 

  1. Integre omnesque reprimique eum ut, eam at tibique indoctum.
  2. Tibique suscipit cotidieque at vim, vis quis amet in.
  3. Per ad dicant salutatus.

 

Ne choro iudico primis qui, nam splendide reformidans at, ei usu ullum explicari.

 

Pri ne utinam iudicabit. Solum aperiri salutandi usu an, essent definiebas eam ea. No nonumes omittantur necessitatibus eum, vim ei feugiat blandit, vis ei nostrud vulputate.