The Celestial Curator

Review Manager Design System

Color Palette

Background

Card

Primary / Charcoal

Secondary / Yellow

Muted

Destructive

Typography

Plus Jakarta Sans (Display)

Display LG — 800

Heading — 700

Subheading — 600

Body Display — 500

Inter (Body & Labels)

Body Semibold — 600

Body Medium — 500

Body MD — 400 (Standard review text)

Label SM — Timestamps & Badges

Button Variants

All buttons use rounded-sm (brutalist) per design.md

Card Component

Tonal Layering Demo

Card sits on bg-card (#FFFFFF) against bg-background (#F9F9F9). Depth comes from background shift, not heavy shadows.

This card demonstrates the Celestial Curator principle of Tonal Stacking. No visible borders (No-Line Rule), only a subtle ambient shadow and background contrast create visual hierarchy.

Input Fields

Underline Style (D-09)

Standard Input

Star Rating

Interactive — Klicke die Sterne

Read-only (3 of 5)

Glassmorphism

Floating Glass Bar

80% opacity + 20px backdrop-blur over colored backgrounds

Supabase Connection

Verbunden (EU-Frankfurt)