Tech

Eyebrow

Kort sagt

Den lille tekst over en overskrift der siger hvad sektionen handler om — en etiket der sætter kontekst før man læser videre.

En eyebrow (dansk: øjenbryn) er et designelement: en lille tekst der sidder direkte over en sektionsoverskrift. Den bruges til at kategorisere eller introducere indholdet — så læseren forstår konteksten inden de overhovedet læser overskriften.

Visuelt er den næsten altid: meget lille skriftstørrelse (9–11 px), store bogstaver (uppercase), ekstra bogstavafstand (letter-spacing) og typisk i en dæmpet farve eller brandfarve. Den fylder næsten ingenting, men giver hierarkiet på siden en klar struktur.

Eyebrows er udbredte i moderne webdesign fordi de hjælper brugere med at scanne en side hurtigt. I stedet for at læse alt, kan man se eyebrows og forstå hvad de enkelte sektioner indeholder — lidt som kapiteloverskrifter i en bog.

I journalistik kaldes den tilsvarende tekst en 'kicker' eller 'overline'. I UI-design bruges også 'overline', 'label' eller 'section label' som betegnelse.

På en virksomhedshjemmeside ser du måske: lille tekst 'HVAD VI TILBYDER' → stor overskrift 'Services der rykker'. Den lille tekst øverst er eyebrow — den siger dig med det samme hvad sektionen handler om, inden du læser den store overskrift.


← Alle begreber Test dig selv