Gradiently Designguide

Designguiden

Klare, praktiske guider om gradienter, farger, merkevareidentitet og hvordan du lager ting som ser ut som deg.

200 guider · 11 emner

Start her

Alle guidene

Farger

Grunnleggende fargelære for deg som ikke designer

5 min lesetid

Du trenger ikke kunstskole for å velge farger godt. Seks ideer forklarer nesten alle fargevalg, og hver av dem kan læres på noen få minutter.

Merkevare

Hva er merkevareidentitet? Delene som faktisk betyr noe

5 min lesetid

En logo er den delen av merkevareidentiteten alle snakker om, og den folk legger minst merke til. Her er alle bitene, hva hver av dem bærer, og hvordan de til sammen gjør at du blir gjenkjent.

Typografi og tekst

Tekst på gradient: slik blir den lesbar hver gang

5 min lesetid

En gradient endrer seg under hver bokstav, så en farge som leses i den ene enden, kan forsvinne i den andre. Her er metoden som holder ordene lesbare gjennom hele overgangen.

Bakgrunner

Aesthetic-bakgrunner: slik lager du dine egne

5 min lesetid

Nedlastede bakgrunner deles av alle som fant den samme siden. Å lage dine egne tar en ettermiddag, og resultatet matcher mobilen, skrivebordet og innleggene dine.

CSS og nett

CSS lineær gradient: komplett guide til linear-gradient()

6 min lesetid

Hver del av linear-gradient() forklart med et levende eksempel ved siden av koden, fra standardretningen til harde stopp, lagdelt glans og jevnere OKLCH-blandinger.

Bevegelse

Animerte gradientbakgrunner til video og sosiale medier

5 min lesetid

En animert gradient kan se ut som lys som beveger seg gjennom silke, eller som en skjermsparer. Forskjellen er en håndfull designvalg du kan ta med vilje.

KI og design

KI-designverktøy: hva de er gode på, og hvor de kommer til kort

5 min lesetid

KI kan gi deg femti alternativer før lunsj. Om noen av dem ser ut som merkevaren din, er et annet spørsmål. Her er hvordan du skiller verktøyene fra hverandre og vurderer dem rettferdig.

Slik bruker du Gradiently

Hva er en Gradiently Mark? Levende gradienter forklart

6 min lesetid

En Mark ser ut som en gradientbakgrunn, men oppfører seg som et merkevareelement: en oppskrift som tegnes direkte, med en offentlig kode, en skaper og nøyaktig én eier.

Ideer og trender

Gradienttrender 2026: seks retninger verdt å bruke

7 min lesetid

Gradientene forsvant ikke i år. De ble stillere, mer kornete, mørkere og mer personlige. Her er retningene som holder, hver med et uttrykk du kan kopiere.

Gradienter

Typer gradienter: lineær, radial, konisk og mesh forklart

5 min lesetid

Hver gradient flytter farge langs en bane. Endre banen, og du endrer følelsen. Her er hver type, hvordan den ser ut, koden for den og jobben den gjør best.

Farger

Slik bruker du et fargehjul til å velge en palett

4 min lesetid

Fargehjulet er det eldste verktøyet innen farge og fortsatt det mest nyttige. Slik leser du ett, hvorfor malerens hjul og skjermhjulet er uenige, og hvordan du gjør det om til en palett.

Merkevare

Visuell identitet, merkevareidentitet og logo: forskjellen

5 min lesetid

Tre begreper som brukes som om de betydde det samme. Det gjør de ikke, og forskjellen forklarer hvorfor en ny logo så sjelden redder en merkevare ingen kjenner igjen.

Sosiale medier

Størrelse på Instagram-innlegg: alle formater, og hvilket du bør bruke

5 min lesetid

Instagram godtar flere former, men de gjør ikke samme jobb. Her er alle formatene, når du bør bruke hvert av dem, hvordan rutenettet på profilen beskjærer dem, og hvordan du eksporterer så de holder seg skarpe.

Typografi og tekst

Skriftkombinasjoner: enkle regler som fungerer

5 min lesetid

To skrifttyper som ser bra ut alene, kan konkurrere på samme side. Noen få regler og en håndfull utprøvde par gjør valget enklere.

Bakgrunner

Presentasjonsbakgrunner som ikke kjemper mot lysbildene

5 min lesetid

De fleste lysbildebakgrunner velges for tittellysbildet og lider seg så gjennom førti innholdslysbilder. Design heller en liten familie: høylytt der den kan være det, stille der folk må lese.

CSS og nett

Radiell gradient i CSS: form, størrelse og plassering

4 min lesetid

radial-gradient() sprer farger utover fra et punkt. Her forklares alle delene med levende eksempler, samt lagene bak myk glød, spotlys og vignettering.

Bevegelse

Sømløs loop: slik lager du en video som aldri hopper

6 min lesetid

En løkke som hopper én gang hvert tiende sekund, er verre enn ingen bevegelse i det hele tatt. Løsningen er ikke et bedre redigeringsprogram, men bevegelse som er designet for å komme hjem.

KI og design

KI og merkevareidentitet: hva KI kan lage, og hva som krever deg

5 min lesetid

KI gir deg gjerne en logo, en palett og et slagord før kaffen er kald. Om de henger sammen som en merkevare, er fortsatt din jobb.

Slik bruker du Gradiently

Slik finner og sikrer du deg en Mark

5 min lesetid

Tjue tusen Marks, og én av dem er riktig for deg. Slik søker du godt på Markedet, tester en Mark på dine egne ord og gjør den til din.

Ideer og trender

Trender i grafisk design 2026 verdt å bruke, og hvordan du bruker dem

6 min lesetid

Fire store retninger former design i år. Hver av dem kan få en merkevare til å føles aktuell, og hver kan gjøre den utdatert til neste vår. Slik ser du forskjellen.

Gradienter

Mesh-gradienter: hva de er og hvordan du lager en

5 min lesetid

Mesh-gradienter er de myke, drivende fargeflatene bak halvparten av lanseringssidene du har sett i år. Her ser du hvordan de fungerer, hvordan du bygger en for hånd, og de to feilene som ødelegger de fleste.

Farger

Komplementærfarger: kontrast som fortsatt føles balansert

5 min lesetid

Motsatte farger gir den sterkeste kontrasten farge kan by på, og den raskeste veien til et design som summer eller et som roper. Forskjellen ligger i proporsjon og lyshet.

Merkevare

Slik lager du en merkevareidentitet på en helg

5 min lesetid

Du trenger ikke tre måneder og et byrå for å se ut som en ekte merkevare. Du trenger to konsentrerte dager, en tydelig rekkefølge på beslutningene og disiplin til å stoppe når det er godt nok.

Sosiale medier

Instagram story størrelse og trygge soner

4 min lesetid

En story fyller hele telefonskjermen, og Instagram legger sitt eget grensesnitt over toppen og bunnen. Her er størrelsen, sonene du holder fri, og hvordan du designer innenfor dem.