StratNova Design-System

Stratnotion UI-Kit

Neumorphismus auf Lavender-Grey, Marken-Violett, Poppins & Inter — selbst gehostet. Alle Kern-Komponenten in einer Ansicht.

Farben

Design-Tokens als CSS-Variablen

brand

--brand

brand-light

--brand-light

surface

--surface

surface-raised

--surface-raised

ink

--ink

ink-soft

--ink-soft

success

--success

warning

--warning

danger

--danger

info

--info

Typografie

Poppins (Headings) · Inter (Body/UI)

Überschrift H1

Überschrift H2

Überschrift H3

Fließtext in Inter. Selbstgehostete Fonts, kein Google-CDN-Call zur Laufzeit — DSGVO-konform. Umlaute äöü und ß werden korrekt gerendert.

Kleiner, gedämpfter Sekundärtext (ink-muted).

Buttons

Herausgedrückt → beim Klick eingedrückt

Inputs & Toggle

client_visible: an (Portal sieht es)

Status-Badges

BacklogIn ArbeitReviewBlockiertFertigAbgebrochen

Sidebar-Baum

Verschachtelte Seiten / Teamspaces

Kanban / Pipeline

Board-View einer Datenbank

Backlog2
Backlog

Landingpage Redesign

ACME GmbH

LWTK
Backlog

SEA-Kampagne Q3

Muster AG

JO
In Arbeit2
In Arbeit

Landingpage Redesign

ACME GmbH

LWTK
In Arbeit

SEA-Kampagne Q3

Muster AG

JO
Fertig2
Fertig● Portal

Landingpage Redesign

ACME GmbH

LWTK
Fertig

SEA-Kampagne Q3

Muster AG

JO

Datenbank-Zeilen

Table-View mit client_visible-Toggle

Content-Kalender September

Datenbank · Content

In Arbeit

Interne Retro-Notizen

Datenbank · Content

Entwurf

Monatsreport August (PDF)

Datenbank · Content

Fertig