Färger och typsnitt som håller ihop

Två typsnitt, tre färger och en enkel regel för när du använder vad.

10 minDesign & bilder

Vad du bygger

En liten stilguide med hexkoder, typsnittsnamn och exempel på rubrik, brödtext och knapp.

Innan du börjar

  • Loggan och dess färger.
  • Ett Canva-konto eller ett tomt dokument.

Steg för steg

1. Välj en huvudfärg

Den kommer från loggan. Det är färgen folk ska minnas, och den ska inte användas till allt utan till det viktigaste.

2. Lägg till en accentfärg och en neutral

Accenten används på knappar och detaljer, den neutrala på text och bakgrunder. Tre färger räcker till en hel sajt.

3. Kontrollera kontrasten

Ljus text på ljus bakgrund är det vanligaste nybörjarfelet. Testa kombinationen i ett kontrastverktyg och håll dig över gränsvärdet.

4. Välj två typsnitt

Ett för rubriker med karaktär, ett neutralt och lättläst för brödtext. Använd aldrig fler än två.

5. Skriv ner reglerna

Rubrik i typsnitt A, brödtext i typsnitt B, knappar i accentfärgen, huvudfärgen på sektioner som ska sticka ut. En halv sida.

Byggloftets tips

  • Bygg stilguiden som en enda bild i Canva. Då kan du skicka den till alla som gör något åt dig.
  • Testa färgerna på mobil i solljus. Ljusgrått på vitt försvinner ute.
  • Låna proportionerna från en sajt du gillar, inte färgerna.

Vanliga fel

  • Du väljer en trendfärg: du ska titta på den i tre år.
  • Du använder huvudfärgen överallt: då sticker ingenting ut.

Du är klar när…

Stilguiden finns som en bild med hexkoder och typsnittsnamn.