Profilhåndbok

Verdier.

Våre verdier danner grunnlaget for vår virksomhet. Bedrifts- kulturen bygger på verdiene som er med på å forme en langsiktig og solid bedrift ved å skape verdi for kunder, ansatte og samarbeidspartnere. De oppsummeres i tre ord: Personlig, Utfordrende og Kunnskapsrik.

Verdiene beskriver hvordan vi er som personer, hva vi står for, hvordan vi jobber, hva vi kan oppnå og hvordan vi vil bli oppfattet. I alle deler av virksomheten jobber vi aktivt med våre verdier. De preger vår faglighet, våre strukturer og våre holdninger.

Personling

Utfordrende

Kunnskapsrik

Safe zone.

For å konsekvent sikre optimal lesbarhet og fremstilling, skal det alltid være et område rundt logoen hvor ingen andre elementer plasseres. Området defineres av høyden på -P- i logo. Kvadratet av høyden danner rammen for området rundt logo.

Bilde viser logoen til Picapoint og avstanden den trenger rundt fra andre elementer

Symbol.

Symbol som brukes i profilen er ulike konstellasjoner av markøren og en sirkel. Sirkelen benyttes ofte som punktum i overskrifter,men også som et frittstående element. Det symboliserer videre- føringen av ‘pica’ / ‘point’ og rommer viktigheten av vårt virke. Markøren benyttes i ulike former og gjengivelser og gir uttrykk for kvalitetssikring av våre prestasjoner.

Symbol
Stående symbol fra logoen til PicapointLiggende symbol fra logoen til Picapoint

Alternative oppsett.

Profilen tillater og inviterer til lekenhet. Symbol og logotype kan brukes fristilt der det er hensiktsmessig. I tvilstilfeller anbefales å benytte primærversjon av logo.

Bildet viser alternative oppsett av profil, logo og symbolBildet viser alternative oppsett av profil, logo og symbolBildet viser alternative oppsett av profil, logo og symbol

Fonter.

Våre skrifttyper er Mencken Std Extra Bold, Source Code Regular og Source Sans Regular. Mencken Std Extra Bold brukes for overskrifter. Source Code Regular bør brukes på ingresser og underoverskrifter. Når den brukes som underoverskrift bør alle bokstaver være satt i versaler. Source Sans bør brukes på mengdetekst.

Overskrifter avsluttes med punktum eller annet passende skilletegn i rødt. Den kan brukes i konturform når du ønsker å oppnå et mer dekorativt resultat. Fargen på skrifttypen skal alltid være i høy kontrast til bakgrunnen.

Bruk bare ekstern versjon av fonter fra Adobe nettsiden. Om du har installert lokale versjoner av disse fontene, husk å fjerne dem fra maskinen for å unngå filkonflikter!

Overskrifter
Mencken Std Extra Bold
Installer og bruk kun Extra Bold!
Aktivér font
Underoverskrifter
SOURCE CODE PRO REGULAR (Versaler)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Elementum integer enim neque volutpat ac tincidunt vitae semper quis.
Aktivér font
Korte brødtekster (max 3 setninger)
Source Code Pro Regular
Mengdetekst (mer enn 3 setninger)
Source Sans Pro Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend mi in nulla. Arcu cursus euismod quis viverra. Elementum integer enim neque volutpat ac tincidunt vitae semper quis.
Aktivér font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend mi in nulla. Arcu cursus euismod quis viverra. Elementum integer enim neque volutpat ac tincidunt vitae semper quis. Arcu felis bibendum ut tristique et. Cras tincidunt lobortis feugiat vivamus at. Malesuada nunc vel risus commodo viverra. Lectus magna fringilla urna porttitor rhoncus dolor purus. Turpis egestas integer eget aliquet nibh praesent. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus.Proin sagittis nisl rhoncus mattis rhoncus urna neque. Nunc aliquet bibendum enim facilisis gravida neque. Sed elementum tempus egestas sed sed risus. Diam ut venenatis tellus in metus vulputate eu scelerisque felis. Sed cras ornare arcu dui vivamus arcu felis bibendum ut. Purus sit amet volutpat consequat mauris nunc congue. Mauris in aliquam sem fringilla ut morbi. Sit amet tellus cras adipiscing.
Aktivér font

PP Glitch Display.

Vi har utviklet en egen font som brukes når det er behov for en mer grafisk fremstilling av innholdet.

Om du er ikke designer - denne brukes alltid spar-somt, og sjelden mer enn enkeltbokstaver i ett ord.
Ikke bruk kun disse bokstavene for hele ord eller setninger – innholdet kan bli uleselig.

Designere kan bruke denne fonten som et grafisk/dekorativt element i form av ett eller to ord.

Fontpakke
Bildet viser PP Glitch Display font
designere
Digitalbyrå som hjelper
å realisere sitt potensiale
i en digital verden
vanlig bruk

AaBbCcDdEe
FfGgHhIiJjKk
LlMmNnOoPp
QqRrSsTtUuVv
WwXxYyZz

AaBbCcDdEeFf
GgHhIiJjKk
LlMmNnOoPp
QqRrSsTtUu
VvWwXxYyZz

Fargepalett og fargebalanse.

Dette er fargene som representerer Picapoint. Størrelsen på fargeblokkene nedenfor er beskrivende for prosentilbruk.

Som bakgrunnsfarge bør de fire første fargene nedenfor være førstevalg. Rød bør aldri brukes som bakgrunnsfarge. Denne fargen skal kun brukes som en aksent.

PLEASANT PINK
pantone 705 c
cmyk 0 11 3 0
rgb 254 233 234
html #fee9ea
Pure Purpure
pantone 2627 C
cmyk 81 99 36 56
rgb 57 0 50
html #390032
Relaxed red
pantone 192 c
cmyk 0 94 64 0
rgb 238 39 55
html #ee2737
Serene seafoam
pantone 332 c
cmyk 33 0 18 0
rgb 153 255 204
html #99ffcc
Ample apple
pantone 2239 c
cmyk 59 0 51 0
rgb 80 216 125
html #50d87d
MIGHTY MINT
pantone 573 c
cmyk 20 0 14 0
rgb 225 255 239
html #e1ffef
FRICKIN FOREST
pantone 573 c
cmyk 88 33 69 72
rgb 0 42 34
html #002a22

Oppbygging av grafiske elementer.

Grafiske dekorelementer bygges opp av logoelementer - sirkel og markør. Transformer, dupliser og bland. Lag interessante, abstrakte komposisjoner. Bland kontur-former med tette. La deg inspirere av modernisme eller neo-modernistisk kunst og design.

*Hvis du ikke er designer selv, kan du bruke ferdige elementer eller be om hjelp fra en designer.

Se grunnleggende utgangspunkt nedenfor.

Grafiske elementer
Bilde viser oppbygging av grafiske elementer

Dekorelement.

Markøren er en del av logoen og foruten sirkelen, det viktigste dekorelementet i profilen vår. Den kan benyttes i forskjellige lengder og orienteringer.

I animasjoner kan den øke eller krympe i lengde, slik at den  illuderer et målebånd - det å måle noe.

Dekorelement
Bildet viser dekorelementer man kan brukeBildet viser dekorelementer man kan bruke

Eksempler.

Se eksempler på bruk av elementer fra foregående sider.

Bildet viser eksempel på bruk av dekorelementerBildet viser eksempel på bruk av dekorelementer

3D figurer.

Markøren kan også gjengis i 3D form. Helst i outline. Ved å plassere den i et miljø med de andre 2D formene kan du skape interessante, abstrakte komposisjoner. Formene kan også plasseres under tekst eller andre elementer.

Bildet viser symbolet i 3D formBildet viser symbolet i 3D form

Mønstre.

Mønstre kan konstrueres fra grunnleggende grafiske elementer (se side 16). Vær kreativ og gjerne inspirert av optisk kunst. Se eksempler nedenfor.

Bildet viser et eksempel på bruk av mønstreBildet viser et eksempel på bruk av mønstre

Glitching.

Vi ønsker å forsterke vårt menneskelige tilsnitt i en digital verden. Et sted hvor ikke alt er pixel-perfect og sjelløst. Dette oppnår vi ved å legge til åpenbare ‘defekter’ på flatene våre som glitcher/forstyrrelser.

Glitchene bygges opp av våre grunnleggende grafiske elementer.

Eksempler på bruk: Hover-effekt på nettsideinteraskjoner eller som dekorelement over foto.

Bildet viser hvordan glitch-effekten kan brukes på et bilde
Bildet viser hvordan glitch-effekten kan brukes på et bilde

Interaksjon med mønstre.

Den menneskelige faktoren bør også gjenspeiles i mønstre og interaktivitet med dem - enten det er en hover effect, animasjon eller statisk grafikk.

Bildet viser et eksempel på interaksjon med mønstreBildet viser et eksempel på interaksjon med mønstre

Fotostil.

Vi ønsker å reflektere mest mulig autentisme i all vår kommunikasjon, inkludert foto. Derfor skal følgende føringer ligge til grunn ved opptak av bilder:  
Bruk mest mulig naturlig lys.Vi ønsker varme toner med en naturlig hudtone (Tips: Skru opp på Vibrance og ned på Saturation). Bruk kun ekte situasjoner/mennesker. Vurder å bruke motion blur for å gi en følelse av bevegelse. Vurdere bruk av framing.

Bildet viser Picapoint i arbeid.

Bilder med dekor.

Eksempler på hvordan kombinere bilder med dekorelementer

Bildet viser ulike eksempler på hvordan kombinere bilder med dekorelementerBildet viser ulike eksempler på hvordan kombinere bilder med dekorelementer
Bildet viser ulike eksempler på hvordan kombinere bilder med dekorelementerBildet viser ulike eksempler på hvordan kombinere bilder med dekorelementerBildet viser ulike eksempler på hvordan kombinere bilder med dekorelementer

Motion guideline.

Glitching

For å videreføre prinsippet i identiteten om at vi ikke er perfekte, kan det legges inn forstyrrelser/glitching i animasjonene.
Glitchene skal baseres på de grafiske elementene. De skal ikke se ut som tekniske feil/forstyrrelser, men underbygge lekenheten i identiteten og være et overraskende innslag i opplevelsen.

Fading

Transparency er ikke en del av identiteten.
Alle elementer skal alltid vises med 100% opacity. Fading av elementer skal aldri gjøres i animasjoner.

Animasjon av symbolet

Når punktumet og målebåndet animeres sammen, bør punktumet lede an, mens målebåndet reagerer på punktumets bevegelse.

Maler.

Nettside
Bildet viser Picapoints nettside på mobilBildet viser Picapoints nettside på desktop
Klær og bærenett
Bildet viser et Picapoint handlenettBildet viser en Picapoint t-skjorte
Utendørs
Bildet viser utendørsreklame av PicapointBildet viser utendørsreklame av PicapointBildet viser utendørsreklame av PicapointBildet viser utendørsreklame av Picapoint
Tilbehør
Bildet viser ulike tilbehør i Picapoint profilen
Øl
Bildet viser en ølboks i Picapoint profil og farger
Vin
Bildet viser tre vinflasker i Picapoint profil og farger