Stilguide
Sand & Salty

Kunden ville ha en hemsida för sin surfskolan “Sand & Salty” med en varm sandfärgad bakgrund, turkosblå brödtext och orange rubriker och länkar. Färgpaletten baseras på logotypens färger

Färgpalett

#FFFAF0
255, 250, 240

#2587A8
37, 135, 168

#F4A329
244, 163, 41

Teckensnitt

Quicksand

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö

Typografiska riktlinjer

Logotyp

  • Teckensnitt: Quicksand
  • Storlek: 36–48 pixlar
  • Färg: #F4A329
  • Stil: Versaler, fet
SAND & SALTY

Huvudrubriker (H1)

  • Teckensnitt: Quicksand
  • Storlek: 36–48 pixlar
  • Färg: #F4A329
  • Stil: Versaler, fet

Mellanrubriker (H2)

  • Teckensnitt: Quicksand
  • Storlek: 28–32 pixlar
  • Färg: #F4A329
  • Stil: Versaler, fet

Ingress

  • Teckensnitt: Inter
  • Storlek: 20–24 pixlar
  • Färg: #2587A8
  • Stil: Gemener

Brödtext / Artikeltext / Löptext

  • Teckensnitt: Inter
  • Storlek: 16–18 pixlar
  • Färg: #2587A8
  • Stil: Gemener

Bildtext

  • Teckensnitt: Quicksand
  • Storlek: 12–14 pixlar
  • Färg: #F4A329
  • Stil: Gemener