> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nettify.no/llms.txt
> Use this file to discover all available pages before exploring further.

# Endre farger og design

> Juster farger, bakgrunner, skygger og andre visuelle detaljer i editoren

## Slik endrer du farger og design

Den manuelle editoren gir deg full kontroll over det visuelle uttrykket til hvert element. Du kan justere farger, bakgrunner, kanter, skygger og mer.

***

## Tilgjengelige designverktøy

<Steps>
  <Step title="Velg elementet du vil style">
    Klikk på **«Velg element»** og klikk på elementet du vil endre utseendet på.
  </Step>

  <Step title="Bruk verktøyene i panelet">
    Avhengig av elementtypen får du tilgang til ulike designverktøy:
  </Step>
</Steps>

### Tekstfarge

Endre fargen på tekst i overskrifter, avsnitt og knapper. Bruk fargevelgeren eller skriv inn en fargekode (f.eks. `#333333`).

### Bakgrunnsfarge

Endre bakgrunnsfargen på seksjoner, bokser og andre elementer. Perfekt for å skape kontrast eller fremheve viktig innhold.

### Gradient

Lag en gradvis fargeovergang (gradient) som bakgrunn. Skriv inn en CSS-gradient eller bruk fargevelgerne.

### Kant (border)

Legg til eller endre kanter rundt elementer. Du kan justere tykkelse, stil og farge. For eksempel: `1px solid #E5E7EB` gir en tynn, lys grå kant.

### Avrundede hjørner

Gjør hjørnene på elementer runde. Verdien settes i piksler (0–50px). Høyere verdi = rundere hjørner.

### Skygge

Legg til en skyggeeffekt for å gi dybde. Velg mellom forhåndsdefinerte stiler eller lag din egen.

### Gjennomsiktighet (opacity)

Juster gjennomsiktigheten til et element fra helt synlig (1) til usynlig (0).

***

## Typografi

Du kan også justere skriftinnstillinger for tekstelementer:

<CardGroup cols={3}>
  <Card title="Skriftstørrelse" icon="text-height">
    Endre størrelsen på teksten (8–100px).
  </Card>

  <Card title="Skriftvekt" icon="bold">
    Gjør teksten tynnere eller tykkere (lys, normal, halvfet, fet osv.).
  </Card>

  <Card title="Tekstfarge" icon="droplet">
    Velg en farge fra fargevelgeren eller skriv inn en heksverdi.
  </Card>
</CardGroup>

***

## Tips for godt design

<AccordionGroup>
  <Accordion title="Hold det konsistent">
    Bruk de samme fargene gjennom hele nettsiden. Velg 2–3 hovedfarger og hold deg til dem.
  </Accordion>

  <Accordion title="Pass på kontrasten">
    Tekst bør ha god kontrast mot bakgrunnen. Mørk tekst på lys bakgrunn (eller omvendt) er alltid trygt.
  </Accordion>

  <Accordion title="Mindre er mer">
    Ikke bruk for mange forskjellige farger, skygger eller effekter. Et rent og enkelt design ser mer profesjonelt ut.
  </Accordion>
</AccordionGroup>