Stijlgids

Pro-tips: plak deze inhoud in een speciale pagina met de naam "Stijlgids". Converteer elke kleurstijl hieronder naar globale stalen zodat ze kunnen worden gebruikt in tekst, randen, achtergronden en verlopen. Selecteer hiervoor een kleurstijlelement, navigeer naar het gedeelte Achtergrondkleur in het deelvenster Stijl, bewerk de kleur en voeg deze toe als een globaal staal.

Tekststijlen

Koptekst 1

Archia Bold 56px/64px - Mobiel: 36px/56px

Kop 2

Archia Bold 32px/44px - Mobiel: 28px/40px

Kop 3

Archia Bold 20px/28px

Bodytext: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mijn levensvreugde, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh en gewoon cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Archia Normaal 16px/26px

Kleine tekst: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mijn levensvreugde, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh en gewoon cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Archia Normaal 12px/16px

Extra / Inleiding

Archia Medium 16px/24px

Extra / Aantal

Archia Bold 72px/96px

Extra / Knop/Koppeling

Archia Bold 16px/24px

Archia Bold 36px/40px

Kleur stijlen

afbeelding-BG - #C8C8C8

Accent-100 - #95D4EB

Accent-500 - #32BDEF

Accent/bekwaam - #097EA8

Neutraal-00 - #FFFFFF

Neutraal-100 - #FAFAFA

Neutraal-200 - #ADB9BA

Neutraal-300 - #7F8E8F

Neutraal-400 - #5C6263

Neutraal-500 - #3D4041

Neutraal-150 - #E9E9E9

Secundair-00 - #DDF5F8

Secundair-400 - #195D63

Secundair-500 - #004A51

Tertiair-100 - #80A5A8

Tertiair-200 - #157A92

Verloopkop - 0% / #004A51 / 100% / rgba(0, 74, 81, 0)

Verlooplaser - 0% / #32BDEF / 100% / rgba(50, 189, 239, 0.12)