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 med egne verktøy fra bunnen av, så trenger du kunnskap om Høyres visuelle identitet. Her er alt fra logoer til retningslinjer for god UX.
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 helhetsinntrykk
Høyre er tilstede visuelt på en mengde flater. I våre egne kanaler, i markedsføring, på sosiale medier, på stand, møter og konferanser. Ved hjelp av god design skal vi sørge for god brukeropplevelse på alle disse flatene og vi skal være konsekvent og gjenkjennbar over hele landet. Når vi får til dette, oppnår vi over tid:
- En sterk merkevare som binder brukerne tettere til Høyre. Det er lett å se at det er Høyre som er avsender
- Budskapene blir lettere og raskere å forstå
- Lettere og finne frem i våre egne kanaler
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
Konkrete eksempler og maler
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
Nyttig informasjon
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