Logotype — Färg

Logotype | 01

Logotype — Vit

Logotype — Svart

Logotype — Marginaler

Typografi | 02

Typsnitt

Typsnittet Futura PT och Futura PT Bold används i all text. Bold används alltid i rubriker sörre än body-texten. Book används i all övrig text, samt rubriker mindre än body-texten, då i versaler.

Futura PT Bold är ett eget typsnitt, trots att den tillhör Futura PT-familjen. PT Bold är något kraftigare än Futura PT vanliga bold och passar bättre för rubriksättning.

Aa

Futura PT
Normal (BOOK)

Aa

Futura PT Bold
Bold

Storleksherarki

Body-storleken är 16 px och utifrån det sätts alla textstorlekar, marginaler och element.Alla element, marginaler och text följer alltid 8 px regeln. D.v.s. Alla mått ska kunna delas på 8. Egentligen är det 4 px, men ju högre tal man delar desto tydligare herarki.

Radavstånd på body är 1 och 1/2 av dess storlek (24 px / 1.5 rem). Ju större text desto mindre radavstånd, men min 8 px större än sin storlek.

Exempel på mått:

12px Small-text, H5
16 px Body
24 px H4
32 px H3
40 px H2
48 px H1
56 px
64 px
72 px
osv…

Body
Font-size:
16 px
Line-height:
24 px
Futura PT
Normal (BOOK)

H1

Font-size:
48 px
Line-height:
48 px
Futura PT Bold
BOLD

H2

Font-size:
32 px
Line-height:
40 px
Futura PT Bold
BOLD

H3

Font-size:
24 px
Line-height:
32 px
Futura PT Bold
Bold

H4

Font-size:
16 px
Line-height:
24 px
Futura PT Bold
BOLD
H5
Font-size:
12 px
Line-height:
24 px
Futura PT Bold
BOLD

Primärfärger

Färg | 03

Mörklila

Används som en “svart färg” som för brödtext, mörka bakgrunder.

Body / Teknik

HEX
Rbg
HSL
#2E2553
46, 37, 83
252°, 38%, 24%

Lila

Används som en “svart färg” som för brödtext, mörka bakgrunder.

Allmänt

HEX
Rbg
HSL
#493580
73, 53, 128
256°, 41%, 35%

Accentblå

Används som en “svart färg” som för brödtext, mörka bakgrunder.

Accent / Media

HEX
Rbg
HSL
#3ca0f3
60, 160, 243
207°, 88%, 59%

Ljusgrå

Passar bra som bakgrund som en off-white

Bakgrund

HEX
Rbg
HSL
#e5e3f1
29, 227, 241
249°, 33%, 92%

CTO-Gul

Bra förcall-to-action. Bitcoin.se profilfärg

CTO-1 / Bitcoin.se

HEX
Rbg
HSL
#ffbf0f
255, 191, 15
44°, 100%, 53%

CTO-Orange

Används för call-to-action och highlighta element då det krävs en mörkare färg än gul

Plånböcker

HEX
Rbg
HSL
#ff9300
255, 147, 0
35°, 100%, 50%

Färger och kontext

Teknik
HEX
Rbg
HSL
#2E2553
46, 37, 83
252°, 38%, 24%
Allmänt
HEX
Rbg
HSL
#493580
73, 53, 128
256°, 41%, 35%
Media
HEX
Rbg
HSL
#3CA0F3
60, 160, 243
207°, 88%, 59%
Skatt & Juridik
HEX
Rbg
HSL
#219c4e
33, 156, 78
42°, 65%, 37%
Bitcoin.se
HEX
Rbg
HSL
#FFBF0F
255, 191, 15
44°, 100%, 53%
Plånböcker
HEX
Rbg
HSL
#FF9300
255, 147, 0
35°, 100%, 50%
Litteratur
HEX
Rbg
HSL
#b55100
181, 81, 0
27°, 100%, 35%

Illustrationer

Illustrationer | 04