Visual Identity v11

Brand Kit.
Das visuelle System.

Das visuelle System hinter XA:I CORE. Alles was du brauchst um die Marke konsistent einzusetzen — Logo, Farben, Typografie, Assets und Richtlinien.

Brand Identity

Die Kernelemente der Marke auf einen Blick.

Firmenname
XA:I CORE
Immer in Capitals. Ohne Suffix.
Slogan
The future runs on intelligence.
Urbanist Medium 500 · Kein Italic
Domain
xaicore.de
Primäre Web-Präsenz

Farben

Der Brand-Gradient Violet, Cyan und Mint zieht sich durch alle Touchpoints.

Brand Gradient
linear-gradient(135deg, #A855F7 0%, #38BDF8 50%, #34D399 100%)
Primary
Violet
#A855F7
Primary Brand · Highlight · CTA
Cyan
#38BDF8
Secondary Brand · Tech-Akzent
Mint
#34D399
Accent · Status-Success
Extensions
Violet-Light
#C084FC
Hover-State · Sekundärer Akzent
Cyan-Light
#67E8F9
Glow-Effekte · Lichter Akzent
Magenta
#F0ABFC
Gradient-Endstop · Pastel-Akzent
Background
Cosmos-Black
#070710
Webseiten-Background (Base-Color)

Typografie

Drei Schriften, klare Hierarchie. Clash Display für Headlines, Inter für Body, Urbanist nur für den Slogan.

Clash Display600 / 700 · Display
Headlines · Wordmark · Labels
The future runs on intelligence.
Inter400 / 500 / 600 / 700
Body · UI · Forms · Contact
Strategie, Architektur, Umsetzung. KI als Werkzeug in jedem Projekt — präzise, effizient, zukunftssicher. Direkt mit dem Engineering, ohne Umwege.
Urbanist500 Medium
Slogan Only
The future runs on intelligence.
Type Scale
--text-6xl80pxHero
--text-5xl60pxH1
--text-4xl44pxH1 Small
--text-3xl32pxH2
--text-2xl24pxH3
--text-xl20pxH4
--text-lg17pxBody Large
--text-md15.5pxBody
--text-base14pxBody Small
--text-sm12.5pxCaptions
--text-xs11pxMicro Labels

Logo System

Mark, Wordmark und Lockup in allen Varianten. Immer mit Schutzbereich von mindestens 1x X-Hoehe.

Logo Lockup (Mark + Wordmark + Slogan)
XA:I CORE Logo — Horizontal Light
Horizontal Light
XA:I CORE Logo — Horizontal Dark
Horizontal Dark
XA:I CORE Logo — Horizontal Gradient
Horizontal Gradient
XA:I CORE Logo — Vertical Light
Vertical Light
XA:I CORE Logo — Vertical Dark
Vertical Dark
Mark (Icon)
Mark — Gradient
Gradient
Mark — Outline
Outline
Mark — Round Dark
Round Dark
Mark — Round Light
Round Light
Mark — Squared Dark
Squared Dark
Mark — Squared Light
Squared Light
Wordmark
Wordmark — Gradient
Gradient
Wordmark — White
White
Wordmark — Black
Black
Mono (Einfarbig)
Mono — Violet
Violet
Mono — Cyan
Cyan
Mono — Mint
Mint
Mono — White
White
Mono — Black
Black

Downloads

59 SVG-Dateien in 8 Kategorien. Alle Vektoren, unbegrenzt skalierbar.

L
Logos
5 Dateien
/brand/01-logo/
M
Marks
6 Dateien
/brand/02-mark/
W
Wordmarks
3 Dateien
/brand/03-wordmark/
C
Mono
10 Dateien
/brand/04-mono/
F
Favicons
4 Dateien
/brand/05-favicon/
P
PWA
3 Dateien
/brand/06-pwa/
S
Social
4 Dateien
/brand/07-social/
D
Print
24 Dateien
/brand/08-werbeartikel/

Aurora Mesh

Das Hintergrund-System der Webseite. Statisch, performant, sofortige Erstanzeige. Drei überlagerte Radial-Gradients auf Cosmos-Black.

Base#070710 Cosmos-Black
Violet15% 10% · Opacity 0.32
Cyan85% 30% · Opacity 0.26
Mint50% 90% · Opacity 0.20
Vignette: radial-gradient(ellipse at 50% 50%, transparent 30%, rgba(7,7,16,0.65) 100%)