Design System
A collection of UI components and patterns used throughout the application. Focusing on the "Dark Objects on Technical Canvas" aesthetic.
Atmosphere
Unicorn Studio Background
Typography
Display / H1
The quick brown fox
Heading / H2
Jumps over the lazy dog
Paired Headings
Unified measurement
Measure what really drives growth
Body
Dema connects your data to one AI brain. We unify marketing measurement, automate actions, and align every decision with your profitability goals.
Body Small
Detailed technical description or secondary information often rendered in a muted color to reduce visual hierarchy weight.
Caption / Mono
System Status: Operational
Interactive Elements
Buttons
Badges & Status
Brand Signatures
High-fidelity elements combining "Technical Precision" with "AI Intelligence".
Dense, dark, and precise. Represents the AI "Black Box" containing intelligence.
The measurable world. Clean, gridded, and structured.
Soft gradients appearing only when needed to draw attention.
Feature Cards (Premium)
Real-time data synchronization across all your connected platforms with sub-millisecond latency.
Deep dive into your performance metrics with our advanced analytics suite.
Automate your workflows with intelligent triggers and actions.
Inputs ("Obsidian Objects")
Chat Input
Ask a question...
GPT 5.2
Strategy Input (Code Style)
Company Strategy
Maximize ROAS while maintaining...
Dark Context
Ask a question...
GPT 5.2
Visualizations
Hub Visualization (Dark Window)
Static Action Cards
Results & Status