Presentationselement för KB

Instruktioner för layout, typografi, färger, bilder, ikoner, formulär, knappar och data. Observera att guiden är under utveckling och inte ska användas än.!

Letar du efter koden (HTML och CSS)?

Se källkoden som tillhör denna guide.

1. Layout

Mellanrum

Grid-proportioner

Sidhuvud

Sidfot

Navigation

2. Typografi

Rubriker

Ingress

Brödtext

Länkar

Listor

Indragen text

Dold text

3. Färg

Kontraster

Ha bra kontrast. Se nedanstående variabler.

Less-variabler

Text

Länkar

Bakgrunder

Knappar

Focus

Statusfärger

Gråskalepalett

Utökad palett

beskrivning

4. Ikoner och bilder

Ikoner

Bilder

5. Data

Data in en tabell

6. Formulär

Valfria och obligatoriska fält

Etiketter

Formulärfält

Fältgrupper och instruktioner

Formulärfokustillstånd

Avstånd mellan formulärelement

Hjälptext

Drop-down-listor

Radio-knappar

Checkboxar

Inset formulärelement

7. Knappar

Knapptext

Knappar som skapar

Inaktiva knappar

8. Fel och validering

Formulärvalidering

9. Alpha- och beta-banners

Saker under kb.se-subdomäner

Saker på kb.se

Skapa alpha- och beta-banners

10. Användningsfall

Alla sidor

Ange logga i sidhuvud och kontakt i sidfot.

Startsidor

Sökning

Sökformulär

Träfflistor