Typografi

Typografin är avgörande för varumärket Smart Chip och påverkar hur människor uppfattar och förstår vårt budskap. Med en flexibel och föränderlig visuell stil säkerställer en konsekvent användning av vårt typsnitt tydlighet och stärker igenkänningsgraden.

Ladda ner typsnitt

Typsnitt

God läsbarhet och mångsidighet är de viktigaste kriterierna vid valet av typsnitt. Vårt standardtypsnitt är Manrope, både i tryckt form och på digitala enheter.

Manrope Regular

Manrope Bold

Manrope ExtraBold

Rubriker och brödtext

Vi skiljer mellan två tillämpningsområden för våra typografiska regler: Rubriker och Förklarande text.

Rubriker är de stora rubrikerna på affischer, skyltar, banderoller och liknande. De är avsedda att väcka uppmärksamhet och få människor att stanna till, titta och komma ihåg.

Förklarande text är allt som kommer efter rubriken. När rubriken väl har fångat läsarens uppmärksamhet är det den efterföljande texten som ger detaljerna.

Rubriker

Rubriker är utformade för att vara flexibla. Deras storlek är inte fastlagd utan beror istället på rutnätslayouten, behållarens storlek och andra faktorer. Du kommer att lära dig mer om dem i avsnittet om Layouter.

Tjocklek

Rubriker skrivs vanligtvis med Manrope Regular.

När du lägger en rubrik över en bild kan du använda Manrope Bold eller ExtraBold för att få bättre kontrast.

Färg

Du kan markera en del av rubriken med en färgövergång från färgpaletten. Det kan vara en hel mening eller bara enstaka ord, men aldrig hela rubriken. Använd färgen för att framhäva en viss punkt.

Välj en färgövergång som passar bra ihop med bilden. Den kan antingen spegla en dominerande färg i bilden, lyfta fram en iögonfallande detalj eller helt enkelt passa in i stämningen.

När du placerar rubriken på en bild ska du se till att kontrasten och läsbarheten blir så bra som möjligt.

Tvinga inte in färg i texten – om bakgrunden är livlig bör hela texten vara svart eller vit för att bli så tydlig och läsbar som möjligt. Använd endast färgad text om den placeras på en bakgrund som är tillräckligt lugn.

Ledning och uppföljning

Radavståndet för rubriker är vanligtvis lika stort som deras storlek. En rubrik med storleken 50 pt har till exempel ett radavstånd på 50 pt.

Vi avslutar spårningen vid 0%.

Kompletterande text

Stödtext är all text utom rubriker – brödtext, uppmaningar (CTA) och annat. Som namnet antyder är den till för att stödja rubriken. Den är inte avsedd att dra till sig uppmärksamhet – det är rubrikens uppgift. Istället är den utformad för att förmedla ytterligare information så tydligt som möjligt.

Styckeformateringar

Det finns fyra styckeformater för brödtext. De är utformade för att säkerställa bästa möjliga läsbarhet, en tydlig hierarki och för att göra innehållet så lättläst som möjligt.

Kompletterande text är alltid vänsterjusterad.

Huvudrubriker är de stora, iögonfallande rubrikerna. De är korta (vanligtvis högst fem ord) och det bör endast finnas en per sida.

Användning av huvudrubriker Manrope Bold eller Extra fetstil.

Undertexter används för att dela in innehållet i avsnitt, vilket gör det lättare att hitta i texten. Du kan också använda dem för att lyfta fram nyckelpunkter eller för att fästa uppmärksamheten på viktig information.

Undertexter använder alltid Manrope Bold.

Brödtext är standardformatet för text.

I brödtexten används Manrope Regular, men andra typsnittsviktar är tillåtna för att markera delar av texten, framhäva en poäng och göra informationen så tydlig som möjligt.

Det finstilta det vill säga sidfötter, ansvarsfriskrivningar och allt annat som måste finnas med men som inte behöver ligga i förgrunden.

Precis som i brödtexten är alla typsnittsviktar tillåtna, med Manrope Regular vilket är standarden.

Storlekar

Använd storleken på brödtexten som riktlinje för de övriga storlekarna. Standardstorleken för brödtexten är 10pt (utskrift) eller 18px/1,12rem (skärm).

Undertexter är två gånger lika stor. Det innebär ett standardvärde på 20 pt (utskrift) eller 36 px/2,24 rem (skärm).

Huvudrubriker ligger mellan 3 till 4,5 gånger så stor, vilket motsvarar 30 till 45 pt (utskrift) eller 54 till 81 px/3,36 till 5,3 rem (skärm). Välj den storlek som passar bäst för din textmängd.

Det finstilta är 0,6 till 0,8 gånger så stor.

Ledning och uppföljning

Huvudrubriker och Undertexter Använd en ledning av typen 100%.

Brödtext får lite mer andrum med en ledning på 130%.

Spårningsnumret är alltid 0%.

Färg

Titlar, undertexter och brödtext är antingen 100% svart eller vit, beroende på bakgrundsfärgen.

Det finstilta utspelar sig i 70%-ljusstyrka på ljusa bakgrunder eller 30% ljusstyrka på de mörka.

Precis som med rubriker kan du välja en färg från färgpaletten för huvudrubriker och underrubriker. Du kan färglägga hela rubriken eller enskilda ord.

Radbrytningar

Använd radbrytningar för att dela upp texten huvudrubriker och undertexter. Detta gör dem mer kompakta och ger hela texten mer andrum.

Titel Längd

Håll huvudrubrikerna korta. De ska vara koncisa och fånga läsarens uppmärksamhet med bara några få ord, vanligtvis högst fem. Om din rubrik är längre än så bör den förmodligen vara en underrubrik istället.

På en vanlig sida finns det endast en huvudrubrik.

Linjelängder

Dela upp långa brödtexter i två spalter, men inte fler. På så sätt blir radlängderna hanterbara. Sträva efter 45 till 75 tecken (inklusive mellanslag och skiljetecken) per rad.

Huvudrubriker och undertexter ska alltid sträcka sig över kolumnerna.