Website Design Style Guide

🍄 KlunkyCode

Favorite Colors

Chill Blue - rgb(62, 202, 202)
Calm Orange - rgb(255, 149, 78)
Preferred Black - rgb(31, 30, 30)
Preferred White - aliceblue
Preferred Red - rgb(255, 43, 85)
Preferred Grey - gainsboro

Favorite Fonts

Sans-Serif Serif Funky
  • Open Sans
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • PT Serif
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Monoton
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Roboto
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Lora
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Monofett
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Titillium Web
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Bitter
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Bebas Neue
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Dosis
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Playfair Display
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Raleway
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Mukta
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity
  • Whereas recognition of the inherent dignity

Base Text Styles

H1 Main Headings
  • Font-size: 50px
  • Font-weight: 700 (bold)
  • Font-family: Raleway
  • Font-size: 50px
  • Font-Weight: 700 (bold)
  • Font-family: Monoton
  • Text-shadow: 0px 0px 8px color
  • Font-size: 70px
  • Font-weight: 700 (bold)
  • Font-family: 'Bebas Neue'

H3 Sub Headings
  • Font-size: 40px
  • Font-Weight: 400 (normal)
  • Font-family: Monofett
  • Font-style: italic

CSS Base Declarations

  • * { margin: 0; padding: 0; z-index: 0; }
  • body { width: 100%; }
  • html, body { overflow: visible; }
  • html { box-sizing: border-box; }
  • *, *:before, *:after { box-sizing: inherit;

CSS Tricks

Links