Home
DESIGN.mdStar on GitHub

The world's most powerful creative AI suite

Generate, enhance, and edit images, videos, or 3D meshes — in real time, with AI.

Colors
Core · monochrome chrome
Generation spectrum · appears in outputs, never in the UI
Typography
Inter / 600
≈ Suisse Intl · display · 46px · -.025em
The world's most powerful creative AI suite
Inter ≈ Suisse
Inter / 400
Body · muted · 16px
Generate, enhance, and edit images, videos, or 3D meshes for free.
Inter
Inter / 600
Buttons · pills
Start for free · Generate · Launch App
Inter
JetBrains Mono / 400
Models · dims · latency · 12px
Krea 1 · 1024×1365 · ⚡ 0.04s
JetBrains Mono
Signature · Realtime generation
Realtime
Image
Krea 1 3:4
Prompt
Stylize55
⚡Realtime · 0.04s
512×683
Pick a scene or edit the prompt — the canvas re-renders instantly (that's Krea's realtime). Drag Stylize to morph it live; hit Enhance to 1K for a detail pass. Outputs are procedural gradient-mesh renders — deterministic, so the UI stays monochrome while the work brings the color.
Components
Buttons · pills
Models
Krea 1 Flux Krea 2
Realtime badge
⚡Realtime · 0.04s 1024×1365
Radius
16 app
12 card
10 input
pill
Guardrails
Do
Keep the chrome monochrome — black, white, grey; let generations carry all color.
Invert the primary pill with theme (white-on-dark / black-on-light).
Use the twisting bloom mark in white/black + a clean Swiss grotesque.
Reserve --blue for realtime cues & links; keep other hues in generation frames.
Show the realtime feel — instant re-render + a latency cue.
Don't
Don't paint the UI with the generation palette — the work shines, not the chrome.
Don't use square, heavy buttons — Krea's actions are rounded pills.
Don't set type in a serif or quirky display face — it's neutral Suisse ≈ Inter.
Don't add a colored default accent to the chrome — monochrome is the point.
Don't use Math.random() — presets & renders are deterministic.