Se gratis forslagGratis forslag

HJELP · MODULENE

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å linjenInnhold: vanlig linje eller kort aksentstrek, samme dialog.
Skillelinjen slik den vises på siden mellom to innholdsdelerResultatet: et diskré skille mellom to innholdsdeler.

Vil du ha detaljene gjennomført overalt?

I det gratis forslaget er aksentstreker, luft og skiller brukt konsekvent; det er summen av småting som ser proft ut.

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
Tykkelse–1 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

Avansert (Alle innstillinger)

Under «Flere valg»
InnstillingHva den gjørStandard
Skrift på teksten Valg: Vanlig, Teknisk skrift (utility-fonten).–
Høyde på tverrstrekene–8 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.

Design som henger sammen

Be om et gratis forslag, så ser du hvordan små detaljer, streker, luft og farger, blir én helhet for din bedrift. Klart på én dag.

Ser linjen for dominerende ut?

Senk synligheten under Flere valg, eller sett tykkelsen til 1; en skillelinje skal anes, ikke synes. Vil du ha innspill, er Hjelp øverst til høyre i editoren.

Les også