Branding

Global Styles

Connexta specific Color Space

primary-50

primary-100

primary-200

primary-300

primary-400

primary-500

primary-600

primary-700

primary-800

primary-900

secondary-50

secondary-100

secondary-200

secondary-300

secondary-400

secondary-500

secondary-600

secondary-700

secondary-800

secondary-900

tertiary-50

tertiary-100

tertiary-200

tertiary-300

tertiary-400

tertiary-500

tertiary-600

tertiary-700

tertiary-800

tertiary-900

neutral-50

neutral-100

neutral-200

neutral-300

neutral-400

neutral-500

neutral-600

neutral-700

neutral-800

neutral-900

success-50

success-700

danger-50

danger-700

Sehr dunkel

Dunkel

Mittel dunkel

Mittel hell

Hell

Sehr hell

Farben (Greyd Standards) based on connexta color space

primary-500

secondary-500

tertiary-500

neutral-500

neutral-500

neutral-500

neutral-50

neutral-50

neutral-50

Typografie

Überschrift-Schriftart & -Größen

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5
Überschrift 6

Body 1

Body 2

Body 3

Button / Link normal

Button / Link medium (equals button large settings)

Button / Link small

fields text 1

fields text 2

Schriftart und Standardgröße des Texts

abcdefghijklmnopqrstuvwxyz1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ

100 – Dünn

200 – Extraleicht

300 – Leicht

400 – Normal

500 – Medium

600 – Halbfett

700 – Fett

800 – Extrafett

900 – Schwarz

Form Inputs

Formular überspringen

Abstandsgrößen

Riesig

Groß

Mittel

Klein

Winzig

Content & Wide Width

Content width

Wide width