Presets Cyan Quotient
Cyan Quotient
Confident analytics UI for data teams: a punchy cyan primary, oversized Fraunces display headlines and disciplined cool-neutral surfaces.
Use Cyan Quotient
In Figma
Open UIX, go to Presets and search “Cyan Quotient”. 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 Cyan Quotient preset”.
Get your MCP linkAbout Cyan Quotient
Confident analytics UI for data teams: a punchy cyan primary, oversized Fraunces display headlines and disciplined cool-neutral surfaces.
Cyan Quotient 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
- data analytics, saas, developer tools
- Mood
- confident, energetic, disciplined, bold
- Display font
- Fraunces
- Body font
- Instrument Sans
- Mono font
- JetBrains Mono
- Density
- Comfortable
- Contrast
- Standard
- Corner radius
- 8px