Designmanual INGENIØR'NE

Page 1

VORES DESIGNMANUAL

NOVEMBER 2021

VORES DESIGNMANUAL

Bygger sammenhæng

– 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

NOVEMBER 2021 INGENIØR`NE › Designmanual side 2
Vores Logo 1,1 Logo side 3 1,2 Respektafstand side 4 Vores Tone
Skrift-hiraki
Farvebalancen
Vores Grafiske Elementer 5,1 Grafiske Elementer side 13 5,2 Ikoner side 14 5,3 Streger og linjer side 15 Vores Billedstil 6,1 Billedstil side 16 6,2 Billedstil eksempler side 17 - 18 Vores Eksempler 7,1 Eksempler side 19-20

VORES 1.1 - Logo

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.

NOVEMBER 2021 side 3 INGENIØR`NE › Designmanual › Logo
1 2 3

VORES 1.2 - Respektafstand

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.

NOVEMBER 2021 side 4 INGENIØR`NE › Designmanual › Logo

INGENIØR`NE › Designmanual › Tone / Pay-off

VORES

2.1 - ”Vores” tone

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.

NOVEMBER 2021 side 5

BYG FREMTID MED OS

VORES 2.2 - Pay-off

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.

NOVEMBER 2021 side 6 INGENIØR`NE › Designmanual › Tone / Pay-off

BYG FREMTID MED OS

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.

NOVEMBER 2021 side 7 INGENIØR`NE › Designmanual › Tone / Pay-off
2 4 6 7 5 8 9 1 3

3.1 - Skrifttyper VORES

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

NOVEMBER 2021 side 8
INGENIØR`NE › Designmanual › Skrifttyper

3.2 - Skrift-hiraki VORES

En skrifttype, der består af ni fonte giver masser af fleksibilitet, men også et behov for at danne lidt retningslinier for best practice.

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 - Bold hvid

eller dark slate grey

H2 LOREM IPSUM

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.

h3 Lorem ipsum

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.

NOVEMBER 2021 side 9
INGENIØR`NE
› Designmanual › Skrifttyper › Skrif-hiraki SPAN LORUM IPSUM

INGENIØR`NE › Designmanual › Skrifttype & opsætningseksempler

VORES

3.3 - Skrifttype og opsætningseksempler

NOVEMBER 2021 side 10

INGENIØR`NE

› Designmanual › Faevepalette

VORES 4.1 - Farvepalette

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

NOVEMBER 2021 side 11

Fundamentet udgør ca. 60-75%

VORES 4.2 - Farvebalance

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%

NOVEMBER 2021 side 12 INGENIØR`NE
› Designmanual › Farvebalance
White Ghost White Anti-flash white Den Blå base som baggrundsfarve Manatee Dark slate gray Feldgrau Cadet Dark electric blue Den blå base udgør Light Taupe farverne

VORES 5.1 - Grafiske elementer

For at styrke brandgenkendeligheden og forenkle kommunikation, bruger vi en række af grafiske elementer.

Herunder trekanter, ikoner, infographics og streger.

”Trekanterne”

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.

NOVEMBER 2021 side 13
INGENIØR`NE › Designmanual › Grafiske elementer › Trekandterne

INGENIØR`NE › Designmanual › Grafiske elementer › Ikoner

VORES 5.2 - Ikoner

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.

NOVEMBER 2021 side 14

INGENIØR`NE › Designmanual › Grafiske elementer › Streger og Linjer

VORES 5.3 - 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.

NOVEMBER 2021 side 15

VORES 6.1 - Billedstil

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

NOVEMBER 2021 side 16 INGENIØR`NE › Designmanual › Billedstil
Vores billeder er: Lyse Rent / råt billede Blå overlayer effekt LORUM IPSUM LORUM IPSUM

6.2 - Billedstil eksempler

NOVEMBER 2021 side 17 INGENIØR`NE › Designmanual › Billedstil
VORES

6.2 - Billedstil eksempler

NOVEMBER 2021 side 18 INGENIØR`NE › Designmanual › Billedstil
VORES

INGENIØR`NE › Designmanual › Eksempler

VORES

7.1 - 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.

NOVEMBER 2021 side 19
NOVEMBER 2021 side 20
INGENIØR`NE › Designmanual › Eksempler

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.