VORES DESIGNMANUAL
NOVEMBER 2021
NOVEMBER 2021
– Og sikre et ensartet visuelt udtryk, på tværs af medier, platforme og touchpoints.
Designmanualen er en beskrivelse af den visuelle identitet og eksempler på korrekt brug. Den opsætter og illustrerer retningslinjer, der er lette at følge, og som sikrer, at der altid er et ensartet udtryk.
Vores designmanual er inddelt i syv afsnit:
2,1 Vores tone side 5 2,2 Pay-off side 6 2,3 Værdier - Mål side 7
Vores Skrifttype 3,1 Skrifttype side 8 3,2
side 9 3,3 Skrifttype og opsætningseksempler side 10
Vores Farver 4,1 Farvepallette side 11 4,2
side 12
Vores logo består af et navnetræk INGENIØR`NE og en tagline, der siger ”Rådgivende siden 1972”. På siden her finder du lidt best practice i forhold til brugen af det.
Vi anvender 3 versioneringer af logoet:
1 Logo uden baggrund (primær logo) anvendes på hvide og lyse ensartede baggrunde, med behørig respektafstand til øvrige elemnter. Logoet er velegnet til byggepladsskilte eller lignende samt til online brug. Med mindre andet er blevet efterspurgt, så anvend altid vektorisk version.
2 Logo med baggrund af Dark Slate anvendes på ikke ensartede baggrunde. Logoet er velegnet til byggepladsskilte eller lignende samt til online brug. Med mindre andet er blevet efterspurgt, så anvend altid vektorisk version.
3 Hvid (negativ) logo uden baggrund anvendes på farvede eller mørke ikke ensartede baggrunde. Logoet er velegnet til annoncer, online eller andre steder hvor der kan være behov for en tonet baggrund. Med mindre andet er blevet efterspurgt, så anvend altid vektorisk version.
De forskellige versioneringer af logoet kan downloades fra intranettet.
Vores logo er vores varemærke efterstæb derfor altid, at behandle det med omtanke og respekt.
Logoet skal altid være læsbart. Undgå at bruge dele eller udklip af logoet, men brug altid logoet i sin hele form. Vær forsigtig med at anvende det i meget små størrelser, og giv logoet respektafstand til omkringliggende elementer.
De forskellige versioneringer af logoet kan downloades fra intranettet.
INGENIØR`NE › Designmanual › Tone / Pay-off
Ved INGENIØR`NE ved vi, at vores grundstof er dygtige og engagerede medarbejdere, der hver dag sammen løfter opgaverne og tager ejeskab over byggeprojekter.
Vi støtter og bakker hinanden op med en målsætning om altid at trække i samme retning, og så hygger vi os sammen
Firmakulturer uagtet vigtighed, kan være flygtige, derfor har vi valgt at funderer værdien holdånd i termen ”vores”, og bruge den aktivt på tværs af medier og platforme.
Med velvalgte ord som alle beskriver, hvad vi står for, hvem vi gerne vil være, og hvor vi er på vej hen, taler vi til alle interessenter med samme ordlyd.
Modtageren vil altid kunne læse sig selv ind i sætningen, og se lige præcis det behov som de har. Det betyder også, vi kan fasttømre hvem vi er i alt materiale og al kommunikation, vi udkommer med.
Værdier
1. Vi er hæderlige, åbne og ærlige i vores kommunikation
2. Med holdånd tager medarbejdere og partnere ejerskab af byggeprojekter og trækker i samme retning
3. Vi giver støtte og opbakning til hinanden i firmaet og hygger os sammen
4. Vi passer på vores medarbejdere og giver de nødvendige udfordringer og de rigtige redskaber
5. Vi erkender fejl, retter dem og lærer af dem såvel internt som over for vore kunder
Mål
6. Vi leverer gennemarbejdede, langtidsholdbare projekter til fremtidens byggeri
7. Vi er dygtige til at anvende nødvendig og moderne teknologi.
8. Med godt købmandskab og sund økonomi sikrer vi videre udvikling af og i firmaet.
Mission
9. Med INGENIØR’NE kommer byggeprojektet sikkert i hus. Vores rådgivningskompetencer er stærke og skaber anerkendelse og inspiration samt værdi for vore kunder.
Ved INGENIØR`NE benytter vi hovedsageligt to skrifttyper.
Roboto Slab og Arial. For at sikre korrekt brug af dem, kommer her lidt retningslinier for, hvordan og hvor man anvender dem.
Som hovedregel er det altid Roboto Slab, der skal anvendes. Det er den ,der anvendes på hjemmesien, på skiltning og i tryksager. Men ingen regel uden en undtagelse, og her er det steder, der kræver en web-safe font. Vores web-safe strifttype er Arial. Et eksempel på dette er i E-mail signaturer.
Roboto Slab skrifttyppen består af ni fonte, Extralight, Thin, Light, regular, Medium, Semi Bold, Bold, ExtraBold, Black.
Roboto Slab er en google font, og kan derfor hentes gratis på google fonts hjemmeside
Thin
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Extra light
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Light
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Regular
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Medium
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Semi Bold
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Bold
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Extra Bold
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Black
abcdefghijklmnopqrstuvxyzæøå 0123456789
ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ 0123456789
Derfor har vi opsat et font hiraki. Hirakiet er tænkt som en guidance, der kan skaleres, og siger derfor ikke noget om specifikke punktsørrelser og linjeafstande.
Det er en beskrivelse af det indbyrdes proportionale forhold fontene imellem.
Brug det som en fleksibel rettesnor, og ikke som en armlås.
h1
h2
Trompet / Manchet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
Font Bold
Farver Hvid, Darkslate, Light Taupe
Case Sentencecase
Alignment Left, Center
h3
Font Regular
Farver Hvid, Darkslate, Light Taupe
Case Uppercase
Alignment Left, Center
Trompet / Manchet
Font Bold, Semibold
Farver Hvid, Darkslate, Light Taupe
Case Sentencecase
Alignment Left, Center
Font Regular
Farver Hvid, Darkslate, Light Taupe
Case Uppercase, Sentencecase
Alignment Left, Center
Span
Font Light
Farver Hvid, Darkslate, Light Taupe
Case Uppercase
Alignment Left, Center
Brødtekst / p
Font regular
Farver Hvid, Darkslate, Light Taupe
Case Sentencecase
Alignment Left, Center
Brød / p Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
INGENIØR`NE › Designmanual › Skrifttype & opsætningseksempler
VORES
Vores farvepalette består af en oliven grøn spotfarve, en blå base og et fundament bestående af toner fra off white til blå.
Farvebrug og brand genkendelse hænger sammen. Vi er blå med et strejf af grøn.
Fundamentet
White #FFFFF
rgba (255,255,255,1)
CMYK 0,0,0,0
Pantone ------
Den blå base
Ghost White #F9F9F9
rgba (249,249,249,1)
CMYK 2,2,2,0
Pantone ------
Anti-flash white #F0F0F0
rgba (240,240,240,1)
CMYK 7,5,6,0
Pantone ------
Dark slate gray #2B4752
rgba (43,71,82,1)
CMYK 83,55,47,44
Pantone 7546 C
Spot Farve
Feldgrau #3F5865
rgba (63,88,101,1)
CMYK 76,51,42,33
Pantone 7545 C
Cadet #49606D
rgba (73,96,109,1)
CMYK 72,48,40,29
Pantone ------
Dark electric blue #586E7B
rgba (88,110,123,1)
CMYK 67,44,37,22
Pantone ------
Light Taupe #A19C62
rgba (161,156,98,1)
CMYK 39,28,67,11
Pantone 451 C
Manatee #9B9B9B
rgba (155,155,155,1)
CMYK 40,31,32,10
Pantone 2332 C
Fundamentet udgør ca. 60-75%
En ting er farver, en anden at finde den rigtige balance imellem mængden af dem.
For at fastholde brand genkendeligheden, er det vigtigt ikke kun, at anvende de korrekte farver, men også have det korrekte forhold mellem dem. Dvs. spotfarven bør fylde forholdsvist mindre end blå og gråtoner, og kun anvendes steder man gerne vil lede opmærksomheden hen.
ca. 25-30%
Fundamentet: Er ofte den samme farve som bundfarven og vil enten være hvid, lyse toner eller blå.
Den blå Base: Anvendes som bagrund til indholdsområde på hjemmesiden, som footer og som skriftfaver
Spot Farverne: Anvendes i tekst og grafiske elementer
På de digitale platforme anvendes Light Taupe ydermere som en aktiv farve der indikerer, at der kan interageres med det underliggende element.
Spot
udgør ca. 5-10%
For at styrke brandgenkendeligheden og forenkle kommunikation, bruger vi en række af grafiske elementer.
Herunder trekanter, ikoner, infographics og streger.
Trekanterne består af enten hvide, blå eller grønne kasser med forskellig gennemsigtighed. ”Trekanterne” kan vinkles, skaleres og justeres i gennemsigtighed efter behov. Gennemsigtigheden skal være mellem 10-40%. Dog altid så lidt toning der skal til, for at det kan ses, men samtidig aldrig så meget at udtrykket bliver tungt.
Ikoner
Vores ikoner er enkle og moderne i udtrykket. De optræder enten hvide på Dark Slate Grey eller Dark Slate Grey på hvid.
Fra tid til anden, kan det være nødvendigt med en illustration eller infografic. Her bruges ikonerne som retning for udtryk.
INGENIØR`NE › Designmanual › Grafiske elementer › Streger og Linjer
Streger og linjer
Streger og linjer leder øjet den rette vej og sætter fokus på tekststykker. Derudover understreger de, hvornår et nyt indholdsområde begynder.
For at sikre et ensartet udtryk og brandgenkendelighed har vi lavet lidt retningslinier for `best practice` brug af billeder, still som levende.
Billedstil
Alle billeder bør relaterer sig til den kontekst de bruges i, derudover bruger vi lyse, realistiske/naturalistiske og inddragende billeder. Vi bruger oftest billederne i ren form uden effekter, men er der behov for at skrive hen over dem bruger vi et blåt overliggende lag til at tone billedet med.
Billeder siger mere end ord, derfor vil der på de næste sider være eksempler på billeder, der repræsenterer den billedstil, vi har.
Vi bruger kun billeder vi har ejerskab over, og ved køb af billeder fra stock udbydere bør man være ekstra opmærksom på, om de ligger inden for vores udtryk.
Mangler du et billede, så start din søgen i INGENIØR`NES billedbank. Fra adgang på intranettet eller ved at skrive til Line Juul på lju@ingenior-ne.dk.
Realistiske / naturalistiske inddragende
INGENIØR`NE › Designmanual › Eksempler
Følg eksemplet.
Der vil være ting, som ikke er beskrevet i designmanualen. Her kan man søge inspiration til at få løst opgaven enten ved at følge retningen på hjemmesiden eller i det følgende afsnit med eksempler på identiteten i brug.