Logo
Das Cogitaris-Logo wird in zwei Varianten bereitgestellt: auf hellem und auf dunklem Hintergrund. Bitte verwenden Sie stets ausreichend Freiraum um das Logo herum.
Farbverläufe
Der Marken-Gradient definiert die visuelle Identität von Cogitaris. Er wird in Hero-Bereichen, Headern und als primärer Akzent eingesetzt. Der CTA-Gradient kommt bei interaktiven Elementen zum Einsatz.
linear-gradient(145deg, #0B2F5C 0%, #0D4A6B 44%, #0C695C 100%)linear-gradient(180deg, #E8690A 0%, #D45A08 48%, #B94D07 100%)Primärfarben
Die Primärpalette basiert auf den Farbtönen des Marken-Gradients. Klicken Sie auf eine Farbe, um den Hex-Code zu kopieren.
Call-to-Action
Orange ist die Signalfarbe für alle interaktiven Elemente und Call-to-Actions.
Neutrale Farben – Dunkel
Die dunkle Palette wird für Texte, Überschriften und UI-Elemente verwendet.
Neutrale Farben – Hell
Die helle Palette dient als Hintergrund, Rahmen und zur visuellen Strukturierung.
Akzentfarben
Akzentfarben für Erfolgs-Indikatoren, Online-Status und spezielle UI-Elemente.
Typografie
Cogitaris verwendet zwei Schriftfamilien für eine klare visuelle Hierarchie.
Inter
Body-Text, UI-Elemente, Navigation
Light 300 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Regular 400 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Medium 500 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Semibold 600 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Bold 700 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Outfit
Display-Überschriften, Hero-Titel
Regular 400 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Medium 500 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Semibold 600 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Bold 700 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
ExtraBold 800 – ABCDEFGHIJKLMNOPQRSTUVWXYZ
Border Radius
Abgerundete Ecken sind ein zentrales Designelement. Die Werte reichen von subtil bis vollständig gerundet.