Design System – CIB / KERN UX v2.6.4

Design System

CIB · KERN UX v2.6.4 · experiment/mobile-app-redesign

Farbpalette — CIB Token

Yellow
#FCBB0C

Ink
#12100B

Teal
#15A4AE

Navy
#25306B

Purple
#614187

Pink
#FF6BA5

Rose
#E2A9AF

Logo & Maskottchen

CIB

SVG · Pfad aus KERN-Design-Components. Keine Schriftart erforderlich.

Typografie — Public Sans

Page Title · 900 · 1.5rem

Section Label · 700 · 0.75rem · uppercase

Cell Title · 600 · 1rem

Cell Sub · 400 · 0.82rem · secondary

Body · 400 · 0.88rem

code · monospace · 0.78rem

Buttons — Pill-Form

Badges — Pill

CIB Yellow Teal Navy Purple ✓ Bestätigt Eingereicht Ausstehend Abgelehnt

Cell Group

Cell mit Icon

Subtitle-Text sekundär

Badge

Navigierbare Cell mit Chevron

Klickbar, zeigt Pfeil rechts

Stat Pills

124Artists

38Events

2Tage

Event Cell

18:30

Webcomics – Von null auf tausend Follower Raum 2 · Kilianter Ferrangusson

Workshop

15:00

Comic & KI – Panel-Diskussion Hauptbühne

Podium

Avatar Chips (Horizontal Scroll)

Ich

Moustaphea

Sara W.

Felix B.

Alerts

Erfolg — Deine Anmeldung ist bestätigt.

Info — Anmeldefrist: 31. Januar 2027.

Warnung — Noch 3 Plätze verfügbar.

Bottom Navigation

58px · blurred background · 5 Tabs · aktiver Tab in CIB-Yellow

Icons — Lucide · Stroke 2px · inline SVG

home

users

calendar

clipboard

user

map-pin

check

chevron-right

chevron-left

heart

star

App-Layout-Token

--app-header-h

Blurred Header-Höhe

48px

--app-tab-h

Bottom-Nav-Höhe

58px

--r-card

Card-Radius

16px

--r-pill

Pill-Radius (Buttons, Badges)

999px