# Bokstaveffekter: Kontur, Innlinje, Utskåret og flere

[Canonical HTML page](https://gradiently.design/nb/guide/lettering-treatments)

En behandling gjør en tekstlinje til formede bokstaver, tegnet i Markens egne farger. Her er alle åtte, med oppgavene de passer til og dem du bør hoppe over.

## The short version

- Gradiently har åtte bokstaveffekter: Kontur, Innlinje, Utskåret, Uttrekk, Dobbel, Spor, Riso og Glorie.
- Hver behandling tegnes i fargene til designets Mark, slik at bokstavene alltid hører sammen med bakgrunnen.
- Bokstaveffekter fungerer best på korte blikkfang som en tittel, et navn eller ett ord, ikke på brødtekst.
- Kontur, Utskåret og Uttrekk har egen kontrast og passer til kraftige plakater. Innlinje, Dobbel og Riso passer til redaksjonelle uttrykk og trykk.
- Bruk én behandling per design på linjen som betyr mest, og hold støtteteksten enkel.

Gradiently har åtte **bokstaveffekter**: Kontur, Innlinje, Utskåret, Uttrekk, Dobbel, Spor, Riso og Glorie. Hver gjør en tekstlinje til bokstavutforming tegnet i Markens egne farger: høydelinjer rundt ordene, en linje meislet inn i hver bokstav, ord skåret ut av en plate, dype tredimensjonale bokstaver og mer. De er laget for blikkfang, en tittel eller et navn, og fungerer best én om gangen på linjen du aller helst vil at folk skal se.

## Alle åtte bokstavbehandlingene i kortform

| Behandling | Hva den tegner | Uttrykk | Passer best til |
| --- | --- | --- | --- |
| **Kontur** | Høydelinjer som bølger ut rundt ordene | Kart, topografi, lyd | Festivalplakater, albumomslag, friluftsmerker |
| **Innlinje** | En linje meislet inn i hver bokstav, slik at Marken viser gjennom som en andre farge | Skilt, eldre trykk | Titler som på butikkfasader, menyer, etiketter |
| **Utskåret** | Ord skåret ut av en heldekkende plate | Sjablong, papirhåndverk | Kraftige forsider, salgsinnlegg, utsagn med ett ord |
| **Uttrekk** | Dype bokstaver med sider i Markens farger | Solid, skulpturelt, retro | Arrangementstitler, lanseringer, YouTube-miniatyrbilder |
| **Dobbel** | Åpne bokstaver tegnet to ganger, litt fra hverandre | Ekko, bevegelse, mote | Redaksjonelle forsider, musikk, uteliv |
| **Spor** | Konturer som slepes etter bokstavene, med en sporfarge du kan velge | Fart, bevegelse, 1970-tallet | Sport, nedtellinger, energiske storyer |
| **Riso** | To trykkfarger litt ute av register, med kornete prikking | Risograf-hefter, uavhengige trykksaker | Plakater, småhefter, bakerier, bokhandler |
| **Glorie** | Et mykt lys rundt bokstavene i Markens farge | Neon, skumring, drømmende | Bare dekorasjon, aldri som hjelp for lesbarhet |

De åtte behandlingene. Hver henter farger fra Markens palett, så når du bytter Mark, skifter bokstavene farge med den.

## Kontur, Utskåret og Uttrekk: bokstaver med egen kontrast

Disse tre gir bokstavene en tydelig kant. Derfor holder de seg lesbare på livlige Marks. **Kontur** omgir ordene med linjer som et relieffkart, slik at bokstavene ser ut til å stige ut av bakgrunnen. **Utskåret** setter ordene som former skåret ut av en heldekkende plate, noe som virker sikkert og grafisk. **Uttrekk** gir hver bokstav dybde i Markens farger, et klassisk uttrykk for en lanseringstittel eller et miniatyrbilde.

En stående plakat med ordet Solstice svært stort på en varm gradient-Mark

Ett ord, svært stort: skalaen Kontur og Uttrekk er laget for.

Samme Solstice-design som arrangementsplakat, med stor tittel og enkel støttetekst under

Den behandlede tittelen øverst, med enkle detaljer under. Bare tittelen får effekten.

Hvis du vil vite hvordan uttrekk og konturskrift fungerer generelt, forklarer [3D-teksteffekter](https://gradiently.design/nb/guide/3d-text-effect) og [konturtekst](https://gradiently.design/nb/guide/outline-text) håndverket bak.

## Innlinje, Dobbel og Riso: trykk og redaksjonelt uttrykk

**Innlinje** meisler én linje inn i hver bokstav. Fordi linjen viser selve Marken, blir bakgrunnen bokstavenes andre farge. Den passer best til tunge, brede skrifter med plass inni streken. **Dobbel** tegner åpne bokstaver to ganger med en liten forskyvning, som et ekko med preg av mote- eller musikktrykk. **Riso** etterligner en risograf: to trykkfarger som ikke helt treffer hverandre og kornete prikking. Det passer til alt som skal føles håndtrykt.

> **Tilpass behandlingen til skrifttypen** Innlinje og Utskåret trenger tykke streker, så kombiner dem med en tung tittelskrift. Dobbel og Spor ser best ut på åpne, enkle bokstaver. Riso tåler nesten alle skrifter og er et trygt første forsøk.

## Spor og Glorie: bevegelse og stemning

**Spor** gjentar et ords kontur bak det, som bokstaver som etterlater et kjølvann. Du kan velge sporfargen. Effekten signaliserer fart og passer til sport, nedtellinger og alt som skal føles i bevegelse, selv i et stillbilde. **Glorie** omgir bokstavene med et mykt lys i Markens farge. Den er rent dekorativ, en stemning fremfor et verktøy, og aldri en måte å redde vanskelig lesbar tekst på. Hvis en linje er vanskelig å lese, øk Markens reaksjonsnivå eller la [Auto-tekstfarge](https://gradiently.design/nb/guide/auto-ink-legibility) velge den andre tekstfargen.

## Velg en bokstaveffekt som passer oppgaven

| Du lager | Prøv først | Prøv deretter |
| --- | --- | --- |
| En konsert- eller festivalplakat | Kontur | Riso |
| Et produktlanseringsinnlegg | Uttrekk | Utskåret |
| En menytittel for en kafé eller et bakeri | Innlinje | Riso |
| Et YouTube-miniatyrbilde | Uttrekk | Utskåret |
| En magasinforside eller åpning på en karusell | Dobbel | Innlinje |
| En nedtelling eller sportsstory | Spor | Uttrekk |
| En plakat for et småhefte eller en bokhandel | Riso | Dobbel |

Utgangspunkter, ikke regler. Prøv to, se begge i størrelsen folk faktisk møter dem i, og behold den som leses først.

### Unngå

- Behandling på brødtekst eller små detaljer
- To ulike behandlinger i ett design
- Lange overskrifter på åtte ord eller mer
- Glorie brukt for å gjøre en svak linje lesbar

### Gjør

- Én behandling på ett eller to blikkfangsord
- Enkel støttetekst med god avstand
- Tunge skrifter for Innlinje og Utskåret
- Sjekk på telefonen i faktisk størrelse

## Slik legger du til en bokstaveffekt i Studio

1. **Velg teksten** Velg overskriften eller ordet du vil behandle. Hold alt annet som enkel skrift.
2. **Velg en behandling** Velg én av de åtte bokstavbehandlingene. Den tegnes straks i fargene til designets Mark.
3. **Juster skriften** Velg tyngre eller bredere skrift hvis effekten virker tett, og legg til litt bokstavavstand for Dobbel og Spor.
4. **Prøv en annen Mark** Bytt Mark og se bokstavene skifte farge med den. Dette er den raskeste måten å vurdere en behandling på.
5. **Sjekk hver størrelse** Tilpass til en story eller et miniatyrbilde, og sjekk at det behandlede ordet fortsatt er lesbart i den skalaen.

## Bokstaveffekter i CSS for nettet

Hvis du trenger et lignende uttrykk på et nettsted, kan to av disse enkelt lages i CSS: en kontur inspirert av Dobbel og et trinnvis uttrekk. Begge bruker ekte tekst, slik at den forblir markerbar og tilgjengelig.

```css
/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}
```

Skygger med skarpe kanter og uten uskarphet bygger dybde fremfor glød. `-webkit-text-stroke` støttes i alle nåværende nettlesere. Se [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke).

For hele effektfamilien, også dem som ikke lar seg overføre like godt til nettet, se [teksteffekter](https://gradiently.design/nb/guide/text-effects). Hvis du vurderer om du trenger bokstavutforming i det hele tatt, er [bokstavutforming og typografi](https://gradiently.design/nb/guide/lettering-vs-typography) nyttig lesning.

## FAQ

### Hvilke bokstaveffekter har Gradiently?

Åtte: Kontur, Innlinje, Utskåret, Uttrekk, Dobbel, Spor, Riso og Glorie. Alle tegnes i fargene til designets Mark.

### Kan jeg bruke bokstaveffekter på brødtekst?

Det er best å la være. Behandlingene er laget for korte blikkfangsord. Enkel skrift gjør lengre tekst lett å lese.

### Hvilken bokstaveffekt passer best til en plakat?

Kontur, Uttrekk og Riso er gode plakatvalg. Kontur og Uttrekk har egen kontrast, og Riso gir et trykt preg.

### Endrer bokstaveffektene farge med Marken?

Ja. Hver behandling tegnes fra Markens palett, så når du bytter Mark, skifter bokstavene farge.

### Bør jeg bruke Glorie for å gjøre tekst lettere å lese?

Nei. Glorie er dekorativ. For lesbarhet, øk Markens reaksjonsnivå eller la Auto-tekstfarge velge den andre tekstfargen.