Smartbyrå.Hjelpesider.
Få gratis forslag

Skillelinjer

Skillelinjen er det stille elementet: en tynn strek som rydder mellom to tanker. Og i kort utgave, i merkefargen, blir den en signaturdetalj under overskrifter. Slik bruker du begge.

Skillelinje-dialogen i editoren med tykkelse, bredde som knapper, plassering av linjen og tekst på linjen

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Skillelinjen er et eget element: Mer → Nytt element, og «Skillelinje» i paletten. Innhold-dialogen har tykkelse, bredde som knappene 25, 50, 100 % eller Egen, plassering av linjen når den er smalere enn full bredde, og et felt for tekst på linjen. Det er breddeknappene som gjør den korte aksentstreken mulig: velg Egen, skriv 48px, og sett plasseringen til venstre under en venstrestilt overskrift. Det er den lille detaljen som får en overskrift til å se designet ut.

Skillelinje-dialogen med tykkelse, bredde, plassering og tekst på linjen

Innhold: vanlig linje eller kort aksentstrek, samme dialog.

Skillelinjen slik den vises på siden mellom to innholdsdeler

Resultatet: et diskré skille mellom to innholdsdeler.

Tekst på linjen

Skriver du noe i «Tekst på linjen», blir linjen et måldrag med teksten midt på: «Siden 1998», «12 meter», «Våre tjenester». Under Flere valg flytter du teksten til starten eller enden, og kan legge små tverrstreker i endene, slik tekniske tegninger gjør. Farge og synlighet finner du samme sted; standard er en lys grå linje som anes mer enn den synes.

Innhold

Under «Flere valg»
InnstillingHva den gjørStandard
Tekst på linjenGjør linjen til et «måldrag» med teksten midt på.

Utseende

Vises med en gang
InnstillingHva den gjørStandard
Tykkelse1 1–40 px
BreddeMed enhet: «48px» eller «50%». Tom = full bredde.
Plassering av linjenGjelder når bredde er satt. Valg: Ikke satt, Venstre, Midtstilt, Høyre.left
Under «Flere valg»
InnstillingHva den gjørStandard
Linjefarge#e2e8f0
Synlighet100 = helt synlig.100 0–100 %
Tekstens plass på linjen Valg: Midt på, I starten, Midt på, I enden.center
Små tverrstreker i endeneAv

Avansert (Alle innstillinger)

Under «Flere valg»
InnstillingHva den gjørStandard
Skrift på teksten Valg: Vanlig, Teknisk skrift (utility-fonten).
Høyde på tverrstrekene8 3–40 px

Når trenger du en skillelinje?

Sjeldnere enn du tror: luft er som regel det bedre skillet, og seksjonsbakgrunner eller kantformer gjør ofte jobben alene. Bruk linjen der to innholdsdeler i samme seksjon trenger et lite «her skifter vi tema», og hold den diskré: lav synlighet, én piksel. Luften over og under linjen setter du under Avstand i kontekstlinja, og der er det ofte mer å hente enn i selve linjen.

Aksentstreken som signatur

Den korte streken i merkefargen under en overskrift er et klassisk designgrep; den peker ut det viktige uten å lage støy. Bruk den likt hver gang (samme plassering, samme bredde), så blir den en del av sidens identitet i stedet for en tilfeldighet. Dupliser elementet via Mer → Dupliser når du trenger den igjen, så er alle innstillingene med.

Sist oppdatert 9. september 2026

← Alle artikler om modulene