Skip to main content

Jysk Børneforsorg/Fredehjem Designmanual

Page 1


fonte logo

Logoet er strammet op, så det fremover er langt lettere at integrere og arbejde med på alle formater, da det nu ikke længere er langt og lavt.

“Ikonerne af drengen og pigen” er “placeret” i cirkel og gjort negativt, så det er det “som nu er fjernet” som genererer logoet, helheden er harmonisk og kan sættes langt ned i størrelse, og bruges både i sort og i hvid og farve, hvis man ønsker dette.

Friområde ved logo

Friområde

Området omkring logoet bør holdes fri for andre elementer. Brug vejledningen illustreret her når du skal definere friområdet.

Friområde skal minimum være = afstanden fra cirklen til bogstavkant x 2 og meget gerne afstanden x 3

x 2 x 3

Logoet skal ALTID scaleres med 100% i højde og bredde.

Logoet må ikke anvendes sammenkædet med andre logoer eller piktogrammer således, at der opstår et nyt logo.

Logo farver

Logoet må anvendes i de tre farver som ses herunder.

Logoet må I visse tilfælde bruges uden teksten, ex. på merchandise og andre små gengivelser

Farven skal altid være i 100%
C.53 / M.00 / Y.43 / K.06
R.166 / G.214 / B.181
Primær branding farve: #a6d6b5

fonte farver

Farver

Branding farverne er dæmpede farver som matcher hinanden som på moodboardet, farver som skaber en harmonisk og rolig helhed uden at biive trist og alt for afdæmpet. Farverne skal afstemmes efter hinanden, og der må aldrig bruges for mange farver på ét opslag - kun ved info grafik. Farverne skal matche hinanden eller være komplimentære.

/ M.00 / Y.22 / K.39 R.103 / G.140 / B.145

/ M.00 / Y.43 / K.06 R.166 / G.214 / B.181

C.06 / M.16 / Y.56 / K.00 R.236 / G.213 / B.140

/ M.51 / Y.47 / K.03 R.211 / G.149 / B.128

C.00 / M. 82 / Y.57 / K.00 R.191 / G.89 / B.91

C.59
#668b90
C.08
#d2948o
#ecd58c
C.53
Primær branding farve: #a6d6b5
#be595a

Farvekombination til infografik

flere end

børn, unge og familier

hjælpes hvert år på de selvejende institutioner tilknyttet JBF

Baggrund 100% Baggrund 50%

Baggrund 100%

Den gule farve bruges kun ved specielle lejligheder, til påske og sommer. Og altid KUN som baggrundsfarve

Hvordan bruger du farverne, hvad er tilladt og hvad er ikke.

fonte fonte

Overskrifter

Overskrifter varierer mellem versaler (STORE bogstaver) og minuskler (små bogstaver) – og sættes i fonten: Berthold Walbaum i disse 4 forskellige skriftsnit.

Berthold Walbaum Regular

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%& ABCDEFG

Berthold Walbaum Italic

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Fonten BERTHOLD WALBAUM

Walbaum er designet i begyndelsen af 1800’erne, en skrift med sin egen lette elegance og sofistikerede persona. Walbaum tilbyder den slags varme, der mangler fra sammenlignelige skrifttyper som Bodoni eller Didot, og føles ubesværet tilgængelig og læselig. Monotype-teamet Carl Crossgrove, Charles Nix og Juan Villanueva har overholdt designeren Justus Erich Walbaums oprindelige intentioner og har også inkorporeret design fra sønnen i nogle af dens mere ekstreme skærmvægte - hvilket skubber Walbaums muligheder uden at gå på kompromis med dens ånd. Tekstvægte fungerer godt efter kravene i digitale miljøer, mens dekorative vægte og displayvægte tilbyder mere dramatiske, skulpturelle former. Usædvanligt inkluderer familien også et stort udvalg af ornamenter. Fra massive reklametavler til mikrotype på e-læsere har Walbaum det dækket.

Skiften giver os al den fleksibilitet vi behøver, samt er utrolig dekorativ, femini uden at være pige og seriøs i sit skriftsnit.

Berthold Walbaum Medium

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Berthold Walbaum Medium Italic

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Berthold Walbaum Bold

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Berthold Walbaum Bold Italic

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Display overskrifter laves af et mix af skriftsnittene, og der kan varieres med forskellige farver - hold dig til MAX to farver, hvoraf den ene af dem er hvid eller sort tekst.

Optaget af liv og tilværelse,

frivillighed og fællesskab

Lad dem lege i livstræets krone, lad dem føle at

Hvordan bruger du oversrifterne, hvad er tilladt og hvad er ikke.

Alle har en seksualitet

Differentier overskrifterne i punkt størrelser, og bland skriftsnittene.

Alle har en seksualitet

Sørg for at der er luft imellem linierne, så teksten ikke står for tæt.

Alle har en seksualitet

Alle har en seksualitet

Brødtekster

Brødtekster skrives altid med små og store bogstaver i fonten Minion Pro, sættes med fast for- og bagkant.

Minion Pro regular

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped

El eumquae dellic tem venihiliqui andaecae. Perepro ritiuntia voloren iatur? Ipsuntia cus quunti di ut acerum aut odissum quas imus delest laborepelit eliqui odi berrupt asiminum seque exereribus dolorum quodita eprempore del eiciatur aritiorum cus.

Brødtekster må aldrig stå for sammenklemt, det nedsætter læseoplevelsen, og læsbarheden markant. Der skal minimum bruges skriftens punkt størrelse + 2 pt. = linie skydning (pt.)

Det betyder, at sætter du brødteksten med 10 pt. skal skydningen (linieafstanden) minimum være 12 pt.

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped quam, consedit ut eost, secto volut labores duciasperio conem fugitiu sdaecum remporem que voluptatiore sitate

Brødtekster fremhævning + underrubrik

Brødtekster fremhæves med brug af semibold skriftsnit

Minion Pro semibold

abcdefghijklmnopqrstuvxyzæøå 123456789!?@§$#%&ABCDEFG

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi

El eumquae dellic tem venihiliqui andaecae. Perepro ritiuntia voloren iatur? Ipsuntia cus quunti di ut acerum aut odissum quas imus delest laborepelit eliqui odi berrupt asiminum seque exereribus dolorum quodita eprempore

Underrubrik sættes i sammen pt. størrelse som resten af brødteksten, men i skrift snittet semibold.

Som pædagog for unge med særlige behov står jeg ofte med spørgsmål, der vedrører den unges seksualitet, parforhold, prævention, sexliv, følelsesliv og kærestesorger. Jeg har ofte manglet svar!

Helt konkret stod jeg på et tidspunkt med et kærestepar, der havde desperat brug for hjælp til at lære, hvordan man er gode kærester for hinanden. Jeg havde som pædagog svært ved at støtte dem i netop denne proces, og jeg kunne heller ikke finde en fagperson…

Brødteksten sættes altid i sort eller hvid afhængigt af om baggrunden er lys eller mørk.

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped quam, consedit ut eost, secto volut labores duciasperio conem fugitiu sdaecum remporem que voluptatiore sitate cone consequis dolupta siminctius dus nes dolut ati debis nia eossim exerrum quaeper uptaquia cus quas volorep rehenim quibus ut esedis aliquost aborem quaecus.

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped quam, consedit ut eost, secto volut labores duciasperio conem fugitiu sdaecum remporem que voluptatiore sitate cone consequis dolupta siminctius dus nes dolut ati debis nia eossim exerrum quaeper uptaquia cus quas volorep rehenim quibus ut esedis aliquost aborem quaecus.

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped quam, consedit ut eost, secto volut labores duciasperio conem fugitiu sdaecum remporem que voluptatiore sitate cone consequis dolupta siminctius dus nes dolut ati debis nia eossim exerrum quaeper uptaquia cus quas volorep rehenim quibus ut esedis aliquost aborem quaecus.

Hvordan bruger du brødtekster, hvad er tilladt og hvad er ikke.

Hvordan finder man den korrekte font farve?

Et alictatur aspicita quas volo blam velitate porem fugitat ibuscias verrovid modi ommo molupta sperume nestem et ea quia dolorero dolorem quia vero dollautem quid quatem nulpa evellaborem eosam qui doloribus quas que rem. Nam quam nuscientis nem dest ex et a que venisi duci dolesequae et ut mo veliquiam velentur, que est, cus corios earum experro videst eos eos eicienia quam et, ant mi, nobit quuntibus erit voluptios doluptatur? Lias ped que exped quam, consedit ut eost, secto volut labores duciasperio conem fugitiu sdaecum remporem que voluptatiore sitate cone consequis dolupta siminctius dus nes dolut ati debis nia eossim exerrum quaeper uptaquia cus quas volorep rehenim quibus ut esedis aliquost aborem quaecus. 50% SORT

Er du i tvivl om du skal vælge sort eller hvid tekst til en baggrund?

En rigtig brugbar grafisk “tommelfingerregel” er at lave en box med 50% sort, er baggrundsfarven mørkere end boxen, skal du bruge hvid, er den lysere end boksen skal du bruge sort.

Grafisk design skabelon

Dotforløb på tonet farveforløb og dot bånd i bunden med logo centreret. Toneforløbet med dot bånd i top på alt branding materiale. Kan skifte farve alt efter farve under, men skal helst bruges i den hvide udgave.

Dotforløb placeres altid i toppen

Dot bånd/linier med logo centreret placeret

Dotforløb og logo placeres altid ens uanset format, her gengivet i højformat.

Dotforløb og logo placeres altid ens uanset format, her gengivet i bredformat.

Hvordan bruger du design skabelonen, hvad er tilladt og hvad er ikke.

Dotforløb og logo må ikke sættes op i størrelsen, skal laves i samme størrelse i 100% på alt materiale for størst genkendelse

Grafisk design skabelon

Færdige branding “billeder” som ligger i arkivet til download

flere end

unge og familier

hvert år

Designet skal altid være læsbart! Så ved meget lyse billeder, skal der bruges tonet farveforløb i top og bund, som vist her.

Færdige branding “billeder” som ligger i arkivet til download

Grafisk design skabelon

Tekst eksempler med hvide tekster til inspiration. Denne løsning er den letteste, men ikke helt så markant som når der mixes farver, som bruges på de ord som skal skabe blikfang.

Hvordan sætter man grænser ?

Barnets lov bedre kvalitet

i anbringelser og sagsbehandling

GIV STU-ELEVER indflydelse på deres eget uddannelsesvalg

Alle viste designforslag herunder er lavet på 100% baggrundsfarve – Branding farven.

Alle viste designforslag herunder er lavet på 90% baggrundsfarve – Branding farven.

Hvordan sætter man

grænser ?

Barnets lov bedre

kvalitet

i anbringelser og sagsbehandling

GIV STU-ELEVER

indflydelse på deres eget uddannelsesvalg

Grafisk design skabelon

Tekst eksempler med farvede tekster til inspiration

Hvordan

sætter man grænser ?

Barnets lov bedre

kvalitet

i anbringelser og sagsbehandling

GIV STU-ELEVER

indflydelse på deres eget uddannelsesvalg

Grafiske ikoner

Ikoner bruges på hjemmesiden, i magasiner, i nyhedes breve og interne udsendelser, hvor de giver mening og fremme forståelsen.

Ikoner bruges ikke på SOME opslag m.m. Da det vil være for mange elementer samlet, og det vil skabe støj i stedet for de nu enkelte og iøjnefaldende letlæselige opslag. Samt det bliver mere omstændigt at lave opslag m.m. da man skal være HELT sikker på at ikonet der bruges er det korrekte.

Eksempel på ny forside på hjemmesiden, hvor vi inkluderer ikoner.

Støt os
Kontakt
Om Jysk børneforsorg/Fredehjem Find et fællesskab
Støt os

Ikoner brugt i nyhedsbrev, som ekstra blikfang og for hurtig overskuelse…

Nyhedsbrev marts 2021

Deniendeseque con pligend aestent el mo ea net am hilia dolorec tatiuntem quatatque volupta tusdam int rem fuga. El ipis dion nam corecusae sum sin nimus.

Turempore mil in eumquis modis maio eumquia consers perspe

Ikoner brugt i nyhedsbrev og interne udsendelser.

Fællesskab betyder alt

Deniendeseque con pligend aestent el mo ea net am hilia dolorec tatiuntem quatatque volupta tusdam int rem fuga. El ipis dion nam corecusae sum sin nimus. Turempore mil in eumquis modis maio eumquia consers perspe

ipsae intiund enihitatis

nonsequatur reperum faces doluptasi

hicaboruptur sundanda vitatem voluptas adit eicia net ute ommos santo viditatur aut iur? Læs mere her…

Osae lam repedias acesedi conseribus ipisqua epudis exceperehent aut volut id quos prorest, cus, sant, apidunt, cus, officiis ex event harunt optiis eriantis volorit officiat quatur?

ipsae intiund enihitatis de debitat urepere ne eum re litemqui nonsequatur reperum faces doluptasi culparc hicaboruptur sundanda vitatem voluptas adit eicia net ute ommos santo que viditatur aut iur? Læs mere her…

busc itatum qui ressintore la ipiciaeceped mossitibus di ut faccum inimporum nihitat ionecae quatur aliqui quae quis et aliquis ut fugiam asped minvel mo et omnihillor aliqui omni invelle ssintur, ad qui aut esequid quo quia sinvel essum, quiscit volent. Tenditiis sincte volesti osseque volupta volupturiam estes aborehe ndellorem qui conse volupta tatquod. Se hvordan her… Engager dig Fællesskab betyder alt

Engager dig

Osae lam repedias acesedi conseribus ipisqua epudis exceperehent aut volut id quos prorest, cus, sant, apidunt, cus, officiis ex event harunt optiis eriantis volorit officiat quatur?

Sitatis essimin ienimuscium quunt aliquatem. Rumque porporem vella dolorep udanti dem quia vidus rem expe perorro mi, untiur, con plabor aut faccabo remquid erciis et por reptatio beaquis ali-

Lær at sæt grænser…

Deniendeseque con pligend aestent el mo ea net am hilia dolorec tatiuntem quatatque volupta tusdam int rem fuga. El ipis dion nam corecusae sum sin nimus.

Turempore mil in eumquis modis maio eumquia consers perspe

Jysk Børneforsorg/Fredehjem En non-profit-organisation

ipsae intiund enihitatis de debitat urepere ne eum re litemqui nonsequatur reperum faces doluptasi culparc hicaboruptur sundanda vitatem voluptas adit eicia net ute ommos santo que viditatur aut iur? Læs mere her…

Sitatis essimin ienimuscium quunt aliquatem. Rumque porporem vella dolorep udanti dem quia vidus rem expe perorro mi, untiur, con plabor aut faccabo remquid erciis et por reptatio beaquis ali-

Lær at sæt grænser…

busc itatum qui ressintore la ipiciaeceped mossitibus di inimporum nihitat ionecae quatur aliqui quae quis et aliquis fugiam asped minvel mo et omnihillor aliqui omni invelle ad qui aut esequid quo quia sinvel essum, quiscit volent. Tenditiis sincte volesti osseque volupta volupturiam estes ndellorem qui conse volupta tatquod. Se hvordan her…

Deniendeseque con pligend aestent el mo ea net am hilia dolorec tatiuntem quatatque volupta tusdam int rem fuga. El ipis dion nam corecusae sum sin nimus.

Turn static files into dynamic content formats.

Create a flipbook
Jysk Børneforsorg/Fredehjem Designmanual by BITSCH and pieces - Issuu