Keep Up Agency - Brandbook 2019

Page 1

GRAFISK MANUAL

Grafisk manual

1


Version 1.0 2019-02-27 2

Grafisk manual


Logotyp

Grafisk manual

3


LOGOTYP

Logotypen består av ”blubben” med det bakvända K:et i sig tillsammans med ordbilden till vänster.e Den finns i fyra olika versioner som visas nedan.

Logotypen används i sin helhet. Den får varken beskäras eller ändras. Här visas exempel på hur logotypen inte får och inte får användas. Logotypen används i sina fastställda färger.

Godkända exempel

Friytan är väl tilltagen och bakgrunden är netural vilket skapar hög kontrast och läsbarhet.

Friytan är väl tilltagen och bakgrunden är netural vilket skapar hög kontrast och läsbarhet.

4

Grafisk manual

Logotypen är helt monokrom enligt denna profil.


LOGOTYP

Ej godkända exempel

Logotypen får inte färgändras mer än de godkända exemplen på föregående sida.

Logotypen skapar inte tillräckligt mycket kontrast med bakgrunden.

Friytan är för liten och inte proportionerlig på alla sidor.

Saknar kontrast mellan logotyp och bakgrund.

Det är inte tillåtet att ändra propotionerna i logotypen.

Grafisk manual

5


LOGOTYP

Logotypen omges alltid av en frizon. Frizonen är minimiavståndet till annan grafik, text eller bild. Syftet med frizonen är dels att logotypen ska framträda tydligt, dels att texter och bilder inte ska uppfattas som en del av logotypen. Frizonen ska motsvara minst dubbla avståndet mellan symbol och ordbild i logotypen. Inga texter, logotyper eller andra grafiska element får placeras inom frizonen. Samma minimiavstånd gäller till ytterkanten på de material där logotypen placeras. Ju större frizonen är runt logotypen, desto tydligare framträder den.

6

Grafisk manual


Färgpalett

Grafisk manual

7


FÄRGPALETT

Primära färger

Komplementsfärg

Basfärger

8

Grafisk manual

Vår färgpalett består av orange och turkosa färgtoner tillsammans med våra basfärger vitt, svart och grått. Varje färgton har två färgnyanser att välja mellan, för att skapa en bredare och dynamisk färgsättning.


FÄRGSYSTEM

RGB (Röd, Grön, Blå) Används bland annat i bildskärmar och till digitala applikationer, såsom presentationer i PowerPoint. RGB-färger beskrivs med värdet 0–255 för varje färg.

#HEX (Hexadecimal) HTML-färger, även kallade webbfärger, används till digitala lösningar.

CMYK Färgsystem som används vid fyrfärgstryck. Den består av primärfärgerna cyan(C), magenta(M), gul(Y) och svart(K). CMYK-färger beskrivs med en procentangivelse för varje färg.

RGB

255, 170, 77 HEX

#fbc15a CMYK

1, 28, 72, 0 PMS PMS (Pantone Matching System) Färgsystem för färdigblandade tryckfärger. Används för att få exakt rätt färg. Varje färg representeras av ett unikt namn eller nummer. PMS används bland annat vid tryck av visitkort. U i färgkoden står för uncoated (obestruket papper). C i färgkoden står för coated (bestruket papper).

142 C, 135 U

Grafisk manual

9


FÄRGKODER

Primära färger RGB

RGB

255, 170, 77

251, 193, 90

HEX

HEX

#fbc15a

#ffaa4d

CMYK

CMYK

1, 28, 72, 0

0, 41, 74, 0

PMS

PMS

135C / 128U

150C / 7409U

Gradienten som används går från den ljusoranga i toppen till den mörkare i botten. Denna används alltid med 100% opacitet.

Accentfärger

10

Grafisk manual

RGB

RGB

87, 194, 175

10, 146, 125

HEX

HEX

#57c2af

#0a927d

CMYK

CMYK

62, 0, 39, 0

83, 21, 60, 4

PMS

PMS

3258C / 7465U

7473C / 3285U

Gradienten som används går från den ljusturkosa i toppen till den mörkare i botten. Denna används alltid med 100% opacitet.


Typografi

Grafisk manual

11


TYPOGRAFI

Circular är vårt huvudtypsnitt. Det finns i flera vikter, vilket ger goda möjligheter att utforma kraftfulla och särskiljande budskap anpassade till olika målgrupper.

Book ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvxyzåäö 1234567890!”#€%&/()=?`*

Book italic ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvxyzåäö 1234567890!”#€%&/()=?`*

Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvxyzåäö 1234567890!”#€%&/()=?`*

Bold italic ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvxyzåäö 1234567890!”#€%&/()=?`*

12

Grafisk manual


TYPOGRAFI

God typografi märks inte. Därmed kan läsaren ägna hela sin uppmärksamhet åt innehållet i texten. För att texter ska bli lättlästa är det viktigt att de har en bra struktur. Att dela upp en text i olika stycken bidrar till att öka läsbarheten. Layout, bilder och luft bidrar också till att göra texter enklare att ta till sig för målgrupperna. Typograferingen utformas för att förmedla texternas innehåll till läsaren på bästa möjliga sätt.

Rätt anvädning

Fel anvädning

Huvudrubrik 1 Underrubrik 1

Huvudrubrik Underrubrik

Brödtext lorem ipsum

Brödtext lorem ipsum

Huvudrubrik 2

Huvudrubrik

Underrubrik 2

Underrubrik

Brödtext lorem ipsum

Brödtext lorem ipsum

Huvudrubrik

Huvudrubrik

Underrubrik

Underrubrik

Brödtext lorem ipsum

Brödtext lorem ipsum

Grafisk manual

13


TYPOGRAFI

Textstorlekar Stil

Vikt

Storlek

Radavstรฅnd

Kerning

Huvudrubrik 1

Book

18

20

-25

Underrubrik 1

Bold

14

18

-25

Huvudrubrik 2

Bold

18

20

-25

Underrubrik 1

Book

14

18

-25

Brรถdtext

Book

9

13

0

14

Grafisk manual


Grafiska element

Grafisk manual

15


GRAFISKA ELEMENT

För att få en dynamik i designen används våran ”blubb”. Blubben fångar intresse och skapar nyfikenhet och kan användas i många sammanhang. Som exempelvis symbol istället för kvadrater och cirklar men även i bakgrunder. Blubben får användas fritt i profilens hela färgspektra.

16

Grafisk manual


Exempel

Grafisk manual

17


EXEMPEL

18

Grafisk manual

ADRESS

E-POST

Keep Up Agency Torggatan 4 613 30 Oxelösund

info@keepupagency.se TELEFON

072 – 733 69 98


EXEMPEL

Grafisk manual

19


ADRESS

E-POST

Keep Up Agency Torggatan 4 613 30 Oxelösund 20

Grafisk manual

info@keepupagency.se TELEFON

072 – 733 69 98

ORGNR

559148-0974 BANKGIRO

5261-4864


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.