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.

Spacing on the text editor bullet box (with a body text box above it) will increase the gaps between the bullets and only the bullets.

style guide

Button Template

style guide

next section