Temabygger Prototype

Background Default er den mest nøytrale bakgrunnsfargen.

Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.

Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.

Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.

Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.

Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.

Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.

Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.

Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.

Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.

Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.

Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.

Base Hover brukes som hover farge på elementer som bruker Base Default fargen.

Base Active brukes som active farge på elementer som bruker Base Default fargen.

Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.

Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.

Background Default er den mest nøytrale bakgrunnsfargen.

Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.

Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.

Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.

Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.

Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.

Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.

Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.

Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.

Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.

Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.

Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.

Base Hover brukes som hover farge på elementer som bruker Base Default fargen.

Base Active brukes som active farge på elementer som bruker Base Default fargen.

Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.

Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.

Background Default er den mest nøytrale bakgrunnsfargen.

Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.

Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.

Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.

Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.

Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.

Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.

Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.

Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.

Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.

Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.

Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.

Base Hover brukes som hover farge på elementer som bruker Base Default fargen.

Base Active brukes som active farge på elementer som bruker Base Default fargen.

Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.

Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.

Background Default er den mest nøytrale bakgrunnsfargen.

Background Tinted er en bakgrunnsfarge som har et hint av farge i seg.

Surface Default brukes på flater som ligger oppå bakgrunnsfargene. Dette er den mest nøytrale surface fargen.

Surface Tinted brukes på flater som ligger oppå bakgrunnsfargene. Denne har et hint av farge i seg.

Surface Hover brukes på interaktive flater som ligger oppå bakgrunnsfargene i en hover state.

Surface Active brukes på interaktive flater som ligger oppå bakgrunnsfargene i en active state.

Border Subtle er den lyseste border-fargen og brukes for å skille elementer fra hverandre.

Border Default er en border-farge som brukes når man ønsker god kontrast mot bakgrunnsfargene.

Border Strong er den mørkeste border-fargen og brukes når man ønsker en veldig tydelig og sterk border.

Text Subtle er den lyseste tekstfargen og brukes på tekst som skal være litt mindre synlig eller for å skape variasjon i typografien.

Text Default er den mørkeste tekstfargen og brukes på tekst som skal være mest synlig. Denne fargen bør brukes på mesteparten av teksten på en side.

Base Default fargen får den samme hex koden som fargen som er valgt i verktøyet. Brukes ofte som farge på viktige elementer og på flater som skal fange brukerens oppmerksomhet.

Base Hover brukes som hover farge på elementer som bruker Base Default fargen.

Base Active brukes som active farge på elementer som bruker Base Default fargen.

Contrast Subtle brukes som en viktig meningsbærende farge oppå Base Default fargen.

Contrast Default brukes som en viktig meningsbærende farge oppå alle Base fargane.