Presets Compact Azure
Compact Azure
Beauty-startup UI: one azure primary, oversized Fraunces display headlines and strict, comfortable product layouts.
Use Compact Azure
In Figma
Open UIX, go to Presets and search “Compact Azure”. Press Use this preset, then Sync to Figma.
Install UIXIn code
A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.
Unlock with UIX ProYou have UIX Pro. Download any file:
DESIGN.mdtheme.csstokens.dtcg.jsonfigma-variables.jsonshadcn-theme.jsonpreset.json
Send to your AI agent
Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Compact Azure preset”.
Get your MCP linkAbout Compact Azure
Beauty-startup UI: one azure primary, oversized Fraunces display headlines and strict, comfortable product layouts.
Compact Azure is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.
- Access
- UIX Pro
- Industries
- beauty, ecommerce, consumer brands
- Mood
- bold, energetic, confident, disciplined
- Display font
- Fraunces
- Body font
- Instrument Sans
- Mono font
- JetBrains Mono
- Density
- Comfortable
- Contrast
- Standard
- Corner radius
- 12px