Identity
A vibe sets a starting palette & mood. Fine-tune everything in the other tabs.
Color roles
Type pairing
15px
1.25
HeaderAg29px
SubheadAg21px
BodyAg15px
CaptionAg12px
Spacing & shape
8px
8
16
24
32
48
12px
0
6
12
24
Background
Surface depth
20px
Component states
Buttons
PrimaryHoverDisabled
Input
Type here…
Nav
HomeDocsPricing
Chat bubble
Signed to your audit chain.
Export tokens
:root{
--primary: #2dd4e8;
--secondary: #7c5cff;
--bg: #05070b;
--surface: #0c1018;
--text: #e9eef4;
--muted: #7d8794;
--border: #1c2230;
--radius: 12px;
--space: 8px;
}Live preview
Aether AI.
A frosted, audit-aware interface system. Every action is signed to your chain.
Send →CreateCodeVault
Heading
Body copy preview — the quick brown fox.