Gestaltungsrichtlinie

Profi-Tipps: Fügen Sie diesen Inhalt in eine spezielle Seite mit dem Namen „Styleguide“ ein. Konvertieren Sie jeden Farbstil unten in globale Farbfelder, damit sie in Text, Rahmen, Hintergründen und Farbverläufen verwendet werden können. Wählen Sie dazu ein Farbstilelement aus, navigieren Sie im Bedienfeld „Stil“ zum Abschnitt „Hintergrundfarbe“, bearbeiten Sie die Farbe und fügen Sie sie als globales Farbfeld hinzu.

Textstile

Überschrift 1

Archia Bold 56px/64px – Mobil: 36px/56px

Überschrift 2

Archia Bold 32px/44px – Mobil: 28px/40px

Überschrift 3

Archia Bold 20px/28px

Haupttext: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim im eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nun aber mein Lebenslauf riskiert tristique posuere.

Archia Normal 16px/26px

Kleiner Fließtext: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim im eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nun aber mein Lebenslauf riskiert tristique posuere.

Archia Regular 12px/16px

Extra / Einführung

Archia Medium 16px/24px

Extra / Anzahl

Archia Bold 72px/96px

Extra / Button/Link

Archia Bold 16px/24px

Archia Bold 36px/40px

Farbstile

Bild-BG – #C8C8C8

Akzent-100 – #95D4EB

Akzent-500 – #32BDEF

Akzent/Fähig – #097EA8

Neutral-00 – #FFFFFF

Neutral-100 – #FAFAFA

Neutral-200 – #ADB9BA

Neutral-300 – #7F8E8F

Neutral-400 – #5C6263

Neutral-500 – #3D4041

Neutral-150 – #E9E9E9

Sekundär-00 – #DDF5F8

Sekundär-400 – #195D63

Sekundär-500 – #004A51

Tertiär-100 – #80A5A8

Tertiär-200 – #157A92

Gradient-Header – 0 % / #004A51 / 100 % / rgba(0, 74, 81, 0)

Gradientenlaser - 0% / #32BDEF / 100% / rgba(50, 189, 239, 0,12)