torgius
Style guide
Typography
header text
torgius 2.0
Device: Desktop
H1: 54px (desktop)
Color: #FFFFFF (ren hvid)
H1 (S): 46px (desktop)
Color: #FFFFFF (ren hvid)
H2: 46px (desktop)
Color: #1E1810
H3: 32px (desktop)
Color: #1E1810
Font family: Oswald
Weight: 600 (semi-bold)
Transform: uppercase
Body: 18px
Color: #5E5A56
Family: Poppins
torgius 2.0
Device: Desktop
H1: PRIOPTI
H1: subtekst
H2: PRIOPTI
H3: PRIOPTI
Body: Fremtidens forvaltningsplatform
torgius 2.0
Device: Tablet
H1: 50px (tablet)
Color: #FFFFFF (ren hvid)
H1 (S): 44px (tablet)
Color: #FFFFFF (ren hvid)
H2: 38px (tablet)
Color: #1E1810
H3: 26px (tablet)
Color: #1E1810
Body: 16px
Color: #5E5A56
Family: Poppins
torgius 2.0
Device: Tablet
H1: PRIOPTI
H1: subtekst
H2: PRIOPTI
H3: PRIOPTI
Body: fremtidens forvaltningsplatform
torgius 2.0
Device: Mobile
H1: 30px (mobile)
Color: #FFFFFF (ren hvid)
H1 (S): 25px (mobile)
Color: #FFFFFF (ren hvid)
H2: 24px (mobile)
Color: #1E1810
H3: 20px (mobile)
Color: #1E1810
Body: 16px
Color: #5E5A56
Family: Poppins
torgius 2.0
Device: Mobile
H1: PRIOPTI
H1: subtekst
H2: PRIOPTI
H3: PRIOPTI
Body: fremtidens forvaltningsplatform
Typography
Body text
torgius 1.0
Font family: Noto Sans
Desktop: 16px
Tablet: 15px
Mobile: 15px
Color: #575250 (mørke grå, let rød tone)
Weight: 400 (normal)
torgius 2.0
Font family: Poppins
Desktop: 18px
Tablet: 16px
Mobile: 16px
Color: #575250 (mørke grå, let rød tone)
Weight: 400 (normal)
torgius 1.0
Med PRIOPTI har vi udviklet en fleksibel softwareplatform, der samler sagsbehandling, projektstyring og dataintegration i én løsning. Skræddersyet til kommuner, offentlige institutioner og private virksomheder, der vil optimere deres arbejdsprocesser og sikre smartere drift.
torgius 2.0
Med PRIOPTI har vi udviklet en fleksibel softwareplatform, der samler sagsbehandling, projektstyring og dataintegration i én løsning. Skræddersyet til kommuner, offentlige institutioner og private virksomheder, der vil optimere deres arbejdsprocesser og sikre smartere drift.
visual identity
color palette
torgius 1.0
primary
#1E1810
primary
#_________
primary
#_________
secondary
#FF7A3D
secondary
#FF5100
secondary
#_________
background
#F8F5F4
background
#_________
background
#_________
overlay
30-60%
H1
#FFFFFF
H1 S
#_________
H2
#1E1810
H3
#1E1810
body B
#_________
body S
#_________
body
#575250
torgius 2.0
primary
#1E1810
primary
#575250
primary
#FF7A3D
secondary
#FFA43C
secondary
#FF8945
secondary
#FFFFFFF
background
#F8F5F4
background
#F6F6F6
background
#f2f4f6
overlay
30-60%
H1
#FFFFFF
H1 S
#C0BEBE
H2
#1E1810
H3
#1E1810
body B
#1E1810
body s
#ACACAC
body
#575250
Typography
SEO tags
torgius 2.0
<h1> tag: H1 header teksten
Hovedtitlen gives et tag
Ikke til H1 S underhovedtitlen
Antal: 1 tag per side
<h2> tag: H2 subheader tekster
Alle subheaders gives tag
Antal: efter mængde på side
<h3> tag: sub-subheader tekster
Alle h3 subheaders gives tag
Antal: efter mængde på side
<div> tag: container tag (diverse)
Alle almindelige containers får tag
Antal: efter mængde på side
<p> tag: paragraf tag til body tekster
Alle sektioner af body tekst gives tag
Antal: efter mængde på side
<span> tag: gives til "style" containers
Containers til styling af små bidder tekst
Hvor farve eller framing får teksten frem
Antal: efter mængde på side
style guide
templates - text size
Device: Desktop
H2: Subheader titel
H3: Sub-subheader titel
Body: Fremtidens forvaltningsplatform
Device: Tablet
H2: Subheader titel
H3: Sub-subheader titel
Body: Fremtidens forvaltningsplatform
Device: mobile
H2: Subheader titel
H3: Sub-subheader titel
Body: Fremtidens forvaltningsplatform
style guide
Template - Headers and body
Device: Desktop
h2: overskrift
Body tekst afsnit, man fylder teksten ind på.
H3: under-overskrift
Body tekst afsnit, man fylder teksten ind på.
H3: under-overskrift
Body tekst afsnit, man fylder teksten ind på.
style guide
Template - bullets
Select text editor (the text box) and click > Style > Typography > Line height - to change bullet spacing
Bodytekst afsnit forud for bullets.
- Bullet 1: Beskrivelse af bullet.
- Bullet 2: Beskrivelse af bullet.
- Bullet 3: Beskrivelse af bullet.
- Bullet 4: Beskrivelse af bullet.
Spacing on this box, will increase gaps between the body text and the bullets, at the same time.
Select second text editor (the text box with bullets) and click > Style > Typography > Line height - to change bullet spacing
Bodytekst afsnit forud for bullets.
- Bullet 1: Beskrivelse af bullet.
- Bullet 2: Beskrivelse af bullet.
- Bullet 3: Beskrivelse af bullet.
- Bullet 4: Beskrivelse af bullet.