Skip to content

Latest commit

 

History

History
33 lines (27 loc) · 1.56 KB

Style_guide.md

File metadata and controls

33 lines (27 loc) · 1.56 KB
Raw

Style Guide

Colour contrast checked for accessibility on https://contrast-ratio.com

Colours

Pages: #FDFDF4 Tint of Chilean Heath **Modal bckg: #A1E1D3 Tint of Riptide (AAA 8.05 vs Touchwood) Page headings #3a372e TouchWood (AAA 11.06 vs Seashell; 10.45 vs Hummingbird; 6.66 vs Medium Turquoise; 5.72 vs #fd5956) Link bckg/hover: #E0F5ED Tint of Hummingbird (AA 4.01 as background vs Alizarin) Main warm colour: #fd7a78 Tint of Grapefruit #fd5956 (AA & AAA as background) Main cool colour: #41d6d1 Shade of Medium Turquoise (AA & AAA as background) Deep cool colour: #017b92 Ocean (AA & AAA against Seashell) Deep warm colour: #E32636 Alizarin (AA 4.25 vs Seashell; 4.01 vs Hummingbird)

Icons:

  1. LinkedIn profile: LinkedIn icon <i class="fab fa-linkedin"></i>
  2. Skills: Spanner / Cogs <i class="fas fa-cogs"></i>
  3. Work Experience: History clock <i class="fa fa-history"
  4. Portfolio: GitHub icon <i class="fab fa-github"></i>
  5. Education: Mortar Board <i class="fa fa-graduation-cap"></i>
  6. Contact Details: telephone receiver <i class="fa fa-phone"></i>
  7. Download my CV: PDF icon <i class="fas fa-file-pdf"></i>

Fonts scaled on https://type-scale.com/

Scale applied - Major Second *Basis=body text: 1rem *H1: 1.424rem *H2: 1.266rem *H3: 1.125rem *large text: 1.602rem *footer/small text: 0.889rem