ROBA-CON Style Guide
ROBA-CON
Brand Guidelines
ROBA-CON
Mehr finanzielle Stabilität und Flexibilität für Ihre Einrichtung der Pflege- und Sozialwirtschaft
Roba-Con ist ein bundesweiter Partner für eine umfassende und zielorientierte Beratung in der Pflege- und Sozialwirtschaft.

Farben

Hauptpalette

Die Kernfarben der Marke. Eine Hero-Farbe als Anker, dazu die Stützfarben für Text, Hintergründe und Borders.

Aa Kopieren
Primary
#EB6A10
Aa Kopieren
Background
#FFFFFF
Aa Kopieren
Container
#2E2A5B
Aa Kopieren
Border
#00000012
Aa Kopieren
Überschrift
#2E2A5B
Aa Kopieren
Text
#403B7D
Aa Kopieren
Container
#F7F7F7
Aa Kopieren
Background Light
#EB6A1012

Darkmode-Palette

Farben für das Dark-Theme. Diese werden im Preview & Editor angewendet, wenn das Theme aktiv ist.

Aa Kopieren
Background
#0F0F15
Aa Kopieren
Container
#16161D
Aa Kopieren
Border
#FFFFFF12
Aa Kopieren
Überschrift
#F5F5F5
Aa Kopieren
Text
#FFFFFFDE

Typografie

Schrift-Bibliothek
Arn
Arno Pro
Regular
Typografie-Skala
H1
Aa
SchriftDefault
Size48 px
Weight600 Semibold
Line1.1
Tracking-0.02em
H2
Aa
SchriftDefault
Size36 px
Weight600 Semibold
Line1.15
Tracking-0.015em
H3
Aa
SchriftDefault
Size28 px
Weight600 Semibold
Line1.2
Tracking-0.01em
H4
Aa
SchriftDefault
Size22 px
Weight500 Medium
Line1.3
Tracking0
H5
Aa
SchriftDefault
Size18 px
Weight500 Medium
Line1.4
Tracking0
H6
Aa
SchriftDefault
Size16 px
Weight500 Medium
Line1.4
Tracking0
Paragraph
Aa
SchriftDefault
Size16 px
Weight400 Regular
Line1.6
Tracking0

Spacing

xs
4px
sm
8px
md
16px
lg
24px
xl
40px
2xl
64px
3xl
96px

Buttons

Primary
Primary
Hintergrund#EB6A10
Text#FFFFFF
Border0 px · #0A0A0A
Radius0 px
Padding12 · 24 px
SchriftDefault · Regular
Size14 px
Secondary
Secondary
Hintergrund#272020
Text#FFFFFF
Border0 px · #EBEBEB
Radius0 px
Padding12 · 24 px
SchriftDefault · Regular
Size14 px
Outline
Outline
Hintergrund#FFFFFF00
Text#000000
Border0 px · #000000
Radius0 px
Padding12 · 24 px
SchriftDefault · Regular
Size14 px
Neue Variante
Button
Hintergrund#0A0A0A00
Text#FFFFFF
Border0 px · #0A0A0A
Radius0 px
Padding12 · 24 px
SchriftDefault · Regular
Size14 px

Icons

Spezifikation
StilLine
FormEckig
Strichstärke2 px
Größe24 px
Beispiel-Icons
Menü-Icon · 3 Linien

Komponenten

Card
Card-Titel
Eine kurze Beschreibung, die in der Card platziert wird. Hier kann beliebiger Inhalt stehen.
Radius 0px · Padding 24px · Border 1px
Form-Feld
name@beispiel.de
Radius 0px · Padding 12px · Border 1px
Badges
Neu Beta Default
Radius 0px · Padding 6px
Tags
Design Branding UI
Radius 0px · Padding 6px

Bildsprache

Keine Angaben.

Voice und Tone

Ihr
Ansprache
Direkte Ansprache an die Gruppe. Persönlich, ohne den Einzelnen anzusprechen.
Made by onlinewachsen.de