NexPatch Brand System, v1.0
Build. Deploy. Predict.
Das offizielle NexPatch Design-System. Jede Farbe, jedes Logo und jedes Token auf dieser Seite ist zum Kopieren bereit: Ein Klick auf ein Farbfeld oder einen Chip legt den exakten Wert in die Zwischenablage. Der komplette Guide steht auch als Markdown-Datei bereit.
01 · Identität
Logo
Das NX-Circuit-Monogramm sitzt in einer hexagonalen Kontur. Logo-Artwork ist immer #EA4D20, Weiß oder Schwarz.
- Logo-Orange ist #EA4D20. Das Logo nie mit UI-Akzenttönen wie #ffb59e umfärben.
- Mindestgröße: Icon 24 px, Wortmarke 120 px Breite. Print: Icon 8 mm, Wortmarke 30 mm.
- Schutzraum: rund 25 Prozent der Markenhöhe auf allen Seiten freihalten.
- Keine Effekte: keine Glows, Verläufe, Konturen, Schatten oder Rotation am Logo.
02 · Palette
Farben
Dark-first, Material-3-Tonlogik, warmes Orange als Primärfarbe. Ein dominanter Akzent pro Komposition: Orange, Blau und Lila nie gleichgewichtet mischen. Ein Klick auf ein Farbfeld kopiert den Wert.
Flächen
Text
Akzente
Semantik + Rahmen
Helle Variante (Print + Handouts)
:root {
/* surfaces */
--color-nxp-bg: #131313;
--color-nxp-bg-mid: #1c1b1b;
--color-nxp-card: #201f1f;
--color-nxp-card-hover: #2a2a2a;
--color-nxp-surface-highest: #353534;
--color-nxp-surface-lowest: #0e0e0e;
/* text */
--color-nxp-fg: #e5e2e1;
--color-nxp-fg-variant: #e6beb2;
--color-nxp-muted-fg: #ad897e;
/* accents */
--color-nxp-primary: #ffb59e;
--color-nxp-primary-glow: #ffdbd0;
--color-nxp-primary-container: #ff571a;
--color-nxp-on-primary: #5e1700;
--color-nxp-secondary: #b1c5ff;
--color-nxp-secondary-container: #0559d4;
--color-nxp-tertiary: #c7bfff;
--color-nxp-tertiary-container: #8f7fff;
/* semantic */
--color-nxp-success: #22c55e;
--color-nxp-warning: #f59e0b;
--color-nxp-destructive: #ffb4ab;
/* borders */
--color-nxp-border: rgba(255,255,255,0.05);
--color-nxp-border-strong: rgba(255,255,255,0.1);
--color-nxp-outline: #ad897e;
}03 · Typografie
Schriftsystem
Drei Schriften, drei Aufgaben. Space Grotesk spricht, Inter erklärt, JetBrains Mono annotiert.
500 / 600 / 700
Forecasting that survives real-world complexity
400 / 500
We design intelligent systems that help forward-thinking enterprises scale with confidence.
400 / 500
Private Deployment · Forecast System
04 · Raum und Fläche
Layout, Radius, Tiefe
Fast eckige Kanten, Haarlinien-Rahmen und Tiefe durch Glow statt Schatten. Ein Klick auf eine Kachel kopiert den Wert.
05 · Sprache
Stimme und Ton
Präzise, technisch, ruhig. Wir erklären Systeme, wir hypen sie nicht.
Freigegeben
- Private AI for real operations.
- Forecasting that survives real-world complexity.
- Build once. Deploy securely. Scale deliberately.
- From data chaos to decisions.
- Von Datenchaos zu belastbaren Entscheidungen.
Gesperrt
- Revolutionize your business today
- Unlock next-level AI magic
- We are your innovative partner for success
Wenn ein Satz auf jeder Agentur-Website stehen könnte, schreiben wir ihn um, bis er nur zu uns passt.
06 · Dateien
Asset-Index
Alle Pfade sind relativ zu https://nexpatch.ai.
| Logo, all variants | /assets/logo/{svg,png}/{full-color,white,black}/ | |
| Favicon | /favicon.svg | |
| OG / share image | /og-image.png | |
| Social profile images | /assets/social-media/ | |
| Technology icons | /assets/images/technologies/ | |
| Case study logos | /assets/images/case-studies/ | |
| Team portraits | /assets/images/team-member/ | |
| Machine-readable guide | /design.md |
Für KI-Agenten
Du baust etwas mit der NexPatch-Marke? Das komplette Design-System ist maschinenlesbar unter diesen Endpunkten: /design.md · /llms.txt