Høyres visuelle identitet
Den visuelle identiteten bidrar til at Høyre fremstår som en tydelig merkevare – gjenkjennelig i alle kanaler over hele landet. På denne siden finner du retningslinjer og ressurser for å oppnå dette.
Profilmanual
Skal du lage noe selv fra bunnen av, så trenger du kunnskap om Høyres visuelle identitet. Her finner du retningslinjer visuell utforming for alle kanaler og tips til verktøy.
Designmaskinen
Skal du lage en enkel grafikk eller trykksak? Bruk Designmaskinen (kun for medlemmer). Lag enkle design i Høyres drakt uten at du trenger å være profesjonell.
Ferdig grafikk
Ferdig grafikk for deling i sosiale medier, i nyhetsbrev, lokale nettsider eller andre digitale kanaler. Se også Høyre på sosiale medier for en hver tid oppdaterte grafikker.
Profilmanual
Disse retningslinjene er til hjelp når man skal utvikle materiell for Høyre. Man står fritt til å utforme egne komposisjoner innenfor disse retningslinjene.
Ønsket etterlatt inntrykk
Hva skal en velger sitte igjen med etter et møte med Høyre? Et parti med tydelige budskap i en drakt som er gjenkjennelig Høyre. I møte med våre kanaler skal velgerne oppleve at budskapene er lett forståelige og skiller oss fra andre.
Vi skal sørge for en god brukeropplevelse i alle kanaler og vi skal være konsekvent og gjenkjennbar over hele landet. Enten det er i en brosjyre, på digitale flater eller i klærne vi går med på husbesøk.
Når vi får til dette, oppnår vi over tid:
- En sterk merkevare som binder velgerne tettere til Høyre
- Det er lett å se at det er Høyre som er avsender og skiller oss fra andre
- Budskapene blir lettere og raskere å forstå
For å oppnå dette skal man følge Høyres visuelle identitet. Retningslinjer finner du under
Identitetsbærende designelementer
Identitetsbærende designelementer er et utvalg elementer som er avgjørende for at Høyre blir gjenkjent og for at budskapet kommer tydelig frem. Høyre har følgende elementer man alltid skal benytte uansett hva man lager.
- Høyres logo
- Høyre blå (H500)
- Typografi (riktige skrifttyper)
- Universell utforming og ryddig layout i henhold til retningslinjene
Se retningslinjer for disse elementene under ↴
Bestanddeler
Høyres fargepalett
Retningslinjer og nedlastbare filer
Fotostil og regler for bilder og bildekreditering
Typografiske retningslinjer inkludert skrifttyper og vekter
Stilguide for ikoner
UFERDIG: Store identitetsbærende illustrasjoner og mønster
Info om papirtyper, formater, vekt og bruk av miljømerker
Retningslinjer for bruk av KI (AI) til bilder og tekster
Den visuelle identiteten i bruk
Eksempler og retningslinjer
Retningslinjer for trykksaker. Inkl flyers, brosjyrer, avisannonser, visittkort m. fl.
UFERDIG: Digital annonsering i sosiale medier og nettsider (display)
Retningslinjer for presentasjoner. Inkl. mal for Microsoft PowerPoint
Retningslinjer for brev, dokumenter og diplomer. Inkl maler for Microsoft Word
En e-post fra Høyre skal settes opp med korrekt typografi, signatur og logo
UFERDIG: Retningslinjer for design og produksjon av profilartikler (merch)
UFERDIG: Retningslinjer for video, animasjon, musikk og lydeffekter
UFERDIG: Rollups, plakater, boards, bannere og pressevegger
UFERDIG: Retningslinjer for god UX m/eksempler og ressurser
UFERDIG: Eksempler på foliering av butikklokaler, biler og busser
Nyttige faguttrykk og fagteknisk veiledning
Faguttrykk
UX
User Experience. Norsk: Brukeropplevelse er et begrep som refererer til totalopplevelsen folk har ved bruk av et produkt, tjeneste eller et system. Det gjelder både digitale og fysiske flater. For eksempel en brukers opplevelse av Høyre etter å ha navigert på nettsidene våre. Kan også være hele reisen – fra første møte med Høyre til at de stemmer Høyre.
UI
User Interface. Norsk: brukergrensesnitt er elementer som knapper og tekst som guider brukeren gjennom en interaktiv løsning. Som en knapp som fører til en underside på en nettside eller et ikon (UI-element) som viser at du kan laste ned et dokument.
Infografikk
Design som fremstiller tall og tekst grafisk. For eksempel grafer, kakediagrammer og illustrasjoner.
Supringer
Tekst og andre elementer med gjennomsiktig bakgrunn som brukes i film. For eksempel en logo, forklarende grafikk eller teksting.
Bestanddeler
Den visuelle profilen sørger for:
- En god brukeropplevelse (UX) på Høyres flater. Enkel og intuitivt. Designet skal hjelpe brukeren til raskt å oppfatte informasjonen og raskt finne frem på flatene våre.
- Et helhetlig visuelt språk bestående av et designsystem som skaper gjenkjennelse hos mottaker over tid.
- Universell utforming. Et demokratisk design som er tilgjengelig for alle. Forståelige tekster, lettlest typografi, tydelige fargekontraster og innhold som er lett tilgjengelig på alle enheter.
- En unik logo som er fleksibel i bruk og tydelig på alle flater.
- En tydelig blåfarge som skiller oss fra våre konkurrenter og som skaper gjenkjennelse.
- En tilleggs-palett som skal komplimentere blåfargen i komposisjoner der man tar i bruk illustrasjoner, uthever ord, eller på en annen måte ønsker større variasjon i uttrykket. Blå må uansett være den viktigste fargen i komposisjonen.
- Typografi som er lettlest i alle størrelser og på alle flater.
- I komposisjoner skal UI-elementer og designelemnter som bakgrunner og markeringer ha avrundede hjørner.
- Bilder med naturlige omgivelser og menneskelige uttrykk.
Universell utforming
Universell utforming betyr at det vi formidler lages på en slik måte at mottaker oppfatter budskapet raskt og korrekt, uansett hvilken enhet eller kanal vi benytter. Dette er viktig i alt Høyre følger.
Et eksempel er god brukeropplevelse (UX). Som en tydelig navigasjon på en nettside. Brukeren må raskt skjønne hvor man skal gå for å finne frem til det man lurer på. Et annet eksempel på god brukeropplevelse er en annonse der budskapet oppfattes raskt og der man har en tydelig CTA (Call to action). Som et budskap om å gjøre noe (som å stemme Høyre).
Et annet eksempel er at tekst må være lettleselig. Dette kan gjøres med riktig skriftstørrelse og nok fargekontrast til bakgrunnen.
Teknisk: Digitaliseringsdirektoratets forskrift om universell utforming av IKT-løsninger stiller krav om at nettsider må oppfylle 35 av 61 suksesskriteriene i standarden Retningslinjer for tilgjengelig webinnhold (WCAG) 2.0 (Web Content Accessibility Guidelines). Kontrastforholdet mellom teksten og bakgrunnen skal være minst 4,5:1. (Minimum, Nivå AA).
Les mer på Digitaliseringsdirektoratet
Hvordan lage materiell
Hvordan lager jeg ting?
- Bruk egne verktøy eller programvare
Som Figma eller Adobe Creative Cloud. Benytt retningslinjene på denne siden når du utformer designet ditt. Du må ha erfaren med visuell kommunikasjon (komposisjon, farger, typografi mm) og kunnskap om programvaren.
- Benytt Høyres designverktøy: Designmaskinen
Den nettbaserte løsningen lar deg lage et lite utvalg maler for bruk i digitale fysiske flater. (Kun for medlemmer) Designmaskinen
- Spesialproduksjon?
Ta kontakt med Høyres kampanje-team om du trenger hjelp til spesialproduksjoner. Om vi har kapasitet kan bidra med konsultasjon og muligens produksjon. Dette gjelder spesielt ting som vi ikke kan lage maler på, som: Større kampanjer, store digitale annonsesett, bil-/og vindusfolie og konferanser. - Skal du holde en presentasjon eller lage et dokument?
Bruk gjerne malene for Microsoft PowerPoint og Word. Se egen side.
- Spørsmål?
Ta kontakt om du har noen spørsmål om produksjonen din. Enten det er design, tekst, budskap, bilder, kanal, formater eller annet.
- Opplæring?
Vi vil arrangere noen designkurs basert på kunnskapsnivå. Kurs vil bli tilbudt på konferanser, på nettet og noen i Oslo. Ta kontakt om du/dere ønsker spesial-tilpasset opplæring/kurs. kampanje@hoyre.no