# Visuelt sprog: grammatikken bag et brands udtryk [Canonical HTML page](https://gradiently.design/da/guide/visual-brand-language) Et logo er et ord. Et visuelt sprog er grammatikken, der lader et brand sige nye ting og stadig lyde som sig selv. Her er delene og en måde at skrive dine egne regler på én side. ## The short version - Et visuelt sprog er et brands ordforråd af farver, skrift, former, billeder, overflader og bevægelse samt reglerne for, hvordan de kombineres. - Reglerne betyder mere end elementerne, for to brands kan dele en farve eller en skrifttype og alligevel se helt forskellige ud. - Et brugbart visuelt sprog kan være på én side og svarer på praktiske spørgsmål, som hvor overskriften står, og hvor meget af rammen accentfarven må dække. - Et visuelt sprog virker, når nogen genkender dit opslag, selv om logoet er dækket. - De fleste brands har brug for færre elementer, end de tror, brugt med mere disciplin. Et **visuelt sprog** er de elementer, et brand bruger (farve, skrift, form, billeder, overflade og bevægelse), sammen med reglerne for, hvordan elementerne kombineres. Tænk på elementerne som ordforråd og reglerne som grammatik. Ordforrådet alene siger meget lidt: masser af brands bruger marineblå og en geometrisk sans serif. Det er grammatikken, altså hvor stor skriften er, hvor farven sidder, og hvad der aldrig er tilladt, der gør et design umiskendeligt til ét bestemt brands. Den forskel er grunden til, at et visuelt sprog rækker længere end et logo eller en palet. Det er det, der lader en designer, en freelancer eller en AI lave noget nyt en tirsdag eftermiddag, som stadig ser ud til at komme fra samme sted som alt det andet. Det ligger inden i din bredere [visuelle identitet](https://gradiently.design/da/guide/visual-identity), og det er den del, folk faktisk mærker. ## Elementerne i et visuelt sprog Ethvert brands ordforråd trækker på de samme seks familier. Du behøver ikke noget bemærkelsesværdigt i alle seks. Du har brug for en klar beslutning i hver og en eller to, hvor du er virkelig særpræget. | Element | Beslutningen | En skrevet regel kunne lyde | | --- | --- | --- | | Farve | En bund, en hovedfarve, en accent og deres proportioner | Blæksort bund på alt; koralaccenten dækker under en tiendedel af rammen | | Skrift | En overskriftsskrift, en brødskrift, størrelser og versaler | Overskrifter med lille begyndelsesbogstav efter første ord, aldrig over syv ord | | Form | Hjørner, linjer, beholdere, ikonstil | Bløde hjørner på fotos, skarpe hjørner på tekstfelter | | Billeder | Hvad fotos viser, og hvordan de behandles | Mennesker i arbejde, aldrig opstillet; fotos tonet i brandets duotone | | Overflade | Flad, kornet, blank, papiragtig, belyst | Hver baggrund har fint korn og lys fra øverste højre hjørne | | Bevægelse | Tempo, kurver, hvad der bevæger sig, og hvad der står stille | Baggrunde driver langsomt; ord bevæger sig aldrig, når de er landet | Seks elementfamilier og den slags regel, der gør hver af dem fra et valg til et sprog. Læg mærke til, at hver regel i højre kolonne er så konkret, at man kan diskutere den. “Moderne og rent” er ikke en regel. “Overskrifter aldrig over syv ord” er, for du kan tjekke et design op mod den. [Visuelt hierarki](https://gradiently.design/da/guide/visual-hierarchy) og [brandets skrifttyper](https://gradiently.design/da/guide/brand-fonts) går dybere i beslutningerne om skrift. ## Grammatik: reglerne, der gør det til dit Grammatikken er der, hvor et visuelt sprog bliver noget, du kan eje. To brands kan begge vælge violet, men det ene oversvømmer hele rammen med det og bruger hvid skrift, mens det andet holder en varm papirbund og kun lader violet optræde som en tynd streg. Samme ord, forskellige sætninger. - Blæksort bund: #14111f - Dyb violet: #3b2a6b - Violet hovedfarve: #8b6cf0 - Bleg syren: #efe9ff - Koralaccent: #ff7a59 De samme fem farver kan give to vidt forskellige brands. Paletten er ordforråd; proportion og placering er grammatik. De regler, der er værd at skrive ned, falder i fire slags: - **Proportion:** hvor meget af en ramme hver farve, hvert billede eller hver tekstblok må fylde. [60 30 10-reglen](https://gradiently.design/da/guide/60-30-10-rule) er et godt udgangspunkt. - **Placering:** hvor tingene bor. Logo nederst til venstre, overskrift i øverste tredjedel, accent kun i en kant. - **Rytme:** hvordan design gentager sig i et feed eller en præsentation. For eksempel er hvert tredje opslag kun tekst. - **Tilbageholdenhed:** hvad der aldrig gøres. Ingen konturer på skrift, højst to skriftstørrelser pr. ramme, ingen stockfotos af håndtryk. > **Testen med det dækkede logo** Læg hånden over logoet på dine seneste seks opslag. Kan en fremmed stadig se, at de alle er dine, virker dit visuelle sprog. Hvis ikke, så find den familie, hvor du slet ingen regel har. ## Eksempler på visuelt sprog i praksis Her er et lille brand, et keramikværksted i nabolaget, der taler ét visuelt sprog på tværs af to meget forskellige budskaber. Reglerne: en mørk bund med én oplyst farve, korte overskrifter med normal skrivemåde, små detaljer på én linje nedenunder og intet andet i rammen. Et stående Instagram-opslag for et keramikværksted, der meddeler, at drejeholdene er tilbage, med en kort overskrift på en mørk, oplyst baggrund En meddelelse: én sætning, én detaljelinje, og overfladen gør brandarbejdet. Et stående citatopslag for samme keramikværksted med samme baggrund, skrift og proportioner som meddelelsen Et citatopslag: en anden opgave, samme grammatik, så det læses som samme værksted. Ingen af opslagene behøver et logo for at blive genkendt, når publikum har set et par stykker. Det er gevinsten ved en ensartet grammatik, og det er det, [særprægede brandaktiver](https://gradiently.design/da/guide/distinctive-brand-assets) bygger videre på. ## Sådan skriver du dit visuelle sprog på én side 1. **Saml det, du allerede laver** Læg dine seneste tyve design frem. Sæt ring om det, der gentager sig af vane, og det, der skifter hver gang. Vanerne er allerede dit sprog; kaosset er der, hvor reglerne mangler. 2. **Vælg ét kendetegn** Vælg det ene element, du vil være kendt for. For mange små brands er baggrunden den stærkeste kandidat, fordi den fylder det meste af hver ramme. 3. **Skriv én regel pr. familie** Farve, skrift, form, billeder, overflade, bevægelse. Én sætning hver, så konkret, at et design kan bestå eller dumpe. 4. **Tilføj tre ting, du aldrig gør** Regler om tilbageholdenhed er den hurtigste måde at stoppe drift på. Skriv dem som klare forbud. 5. **Test det på tre forskellige opgaver** Lav et udsalgsopslag, et jobopslag og et citat ud fra reglerne alene. Ligner et af dem et andet firma, så stram den regel, der lod det vandre. ### Vagt - Brug brandets farver - Hold det rent og moderne - Skrifttyper skal føles venlige - Billeder skal være on brand ### Brugbart - Blæksort bund; koral under en tiendedel af rammen - Én overskrift, én detaljelinje, intet andet - Afrundet sans serif til overskrifter, normal skrivemåde - Fotos tonet i brandets duotone, kun mennesker Hav den færdige side der, hvor alle, der laver noget, kan se den. En komplet [brandmanual](https://gradiently.design/da/guide/brand-style-guide) kan komme senere; den ene side er det, folk faktisk læser. ## Sådan holder du et visuelt sprog ensartet, når du vokser Sprog driver, når flere begynder at tale dem. Løsningen er at lægge reglerne ind i værktøjerne frem for i et dokument, ingen åbner. Skabeloner hjælper, men de fryser layouts mere, end de bærer en stemme. Det er her, Gradiently passer naturligt ind. En Mark bærer selv en stor del af et visuelt sprog: farvefamilien, materialerne, lyset, kornet, bevægelsen og en skriftstemme, gengivet live bag hvert design og i hver størrelse. Dens læsbarhedsfunktioner holder ordene læsbare, uanset hvor de lander, så placeringsreglerne holder, også når en ny person laver opslaget. Med dine skrifttyper, logoer og din tone i brandkittet arbejder Designeren inden for de regler, når den sætter nye design op. ## FAQ ### Hvad er et visuelt sprog i design? Det er de visuelle elementer, et brand eller produkt bruger, som farve, skrift, form, billeder, overflade og bevægelse, plus reglerne for at kombinere dem, så hvert design taler med én stemme. ### Hvad er forskellen på visuelt sprog og visuel identitet? Visuel identitet er hele systemet af aktiver, inklusive logoet. Visuelt sprog er grammatikken indeni: hvordan aktiverne opfører sig og kombineres i ethvert nyt design. ### Hvilke elementer består et visuelt sprog af? Som regel farve, typografi, form, billeder, overflade eller tekstur og bevægelse. Hver har brug for mindst én klar regel, der kan tjekkes. ### Hvordan ved jeg, om mit visuelle sprog virker? Dæk logoet på en række nye design. Kan folk stadig se, at de alle kommer fra dig, gør sproget sit arbejde.