UIX

Presets Juniper Rotunda

Juniper Rotunda

Near-monochrome civic UI with true-grey neutrals, generous whitespace and one deep juniper accent for calm, trustworthy government services.

A live preview of a Pro preset. Its files, Figma sync and MCP come with UIX Pro.Unlock

Color

Five ramps, 50 to 950

brand50f3f8f4100e2eee5200c4ddca3009ac5a54006fa97f5004b8b5f60033714a700265a3a8001c452e90014311f9500b1f14
neutral50fafafa100f2f2f2200e5e5e5300d1d1d1400adadad5008a8a8a6006b6b6b7005252528003d3d3d900262626950171717
success50eef8f5100d6efe6200afe0ce30080cbb140050b3935002f9a7a6001f8266700186a5380013533f9000d3d2e950062820
warning50fbf7ec100f5ebc9200ecdb9b300dcc172400c9a64a500a8852c6008a6a1d7006f5315800553f0f9003d2c0a950271c05
danger50fdf3f4100fbe4e6200f6c6cb300ee9ba4400e06674500cc3d4f600b42334700951b2a80074141f900550e1795036080e

Semantic tokens

Light and dark

Light
background#fafafa
foreground#171717
card#ffffff
card-foreground#171717
popover#ffffff
popover-foreground#171717
primary#265a3a
primary-foreground#ffffff
secondary#f2f2f2
secondary-foreground#262626
muted#f2f2f2
muted-foreground#525252
accent#e2eee5
accent-foreground#14311f
destructive#b42334
destructive-foreground#ffffff
success#186a53
success-foreground#ffffff
warning#ecdb9b
warning-foreground#3d2c0a
border#e5e5e5
input#d1d1d1
ring#33714a
Dark
background#171717
foreground#fafafa
card#262626
card-foreground#fafafa
popover#262626
popover-foreground#fafafa
primary#6fa97f
primary-foreground#0b1f14
secondary#3d3d3d
secondary-foreground#f2f2f2
muted#3d3d3d
muted-foreground#d1d1d1
accent#14311f
accent-foreground#e2eee5
destructive#e06674
destructive-foreground#36080e
success#50b393
success-foreground#062820
warning#c9a64a
warning-foreground#271c05
border#3d3d3d
input#525252
ring#6fa97f

Typography

Unbounded, Onest and JetBrains Mono

Grow what matters

display-lg · 44/1.1 · 500 · -0.025em
Unbounded

Grow what matters

display-md · 34/1.15 · 500 · -0.02em
Unbounded

A calmer way to work

heading-lg · 26/1.25 · 500 · -0.015em
Unbounded

A calmer way to work

heading-md · 20/1.35 · 600 · -0.01em
Onest

A calmer way to work

heading-sm · 16/1.4 · 600 · -0.005em
Onest

Good systems disappear. People notice the product, not the parts.

body-lg · 18/1.6 · 400
Onest

Good systems disappear. People notice the product, not the parts.

body-md · 16/1.6 · 400
Onest

Good systems disappear. People notice the product, not the parts.

body-sm · 14/1.5 · 400
Onest

Save changes

label · 14/1.3 · 500 · 0.005em
Onest

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.01em
Onest

const theme = preset("juniper-rotunda")

code · 14/1.5 · 400
JetBrains Mono

Spacing · radius · shadow

The quiet rules

0.52px
14px
1.56px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
sm
2px
md
4px
lg
6px
xl
8px
full
full
sm
md
lg

Components

Every part, every state

Buttons

DefaultHoverFocusDisabledPrimarySecondaryOutlineGhostDestructive

Inputs

Placeholder
Focused
Use at least 8 characters
Team
Design
Opens a menu
Disabled

Navigation

ProductPricingCustomersDocs

12 projects, 3 due this week.

Home / Projects / Q3 launch

Feedback

New version availableReload to get the latest features.
Payment received2,400 from Md Rakib Shekh.
Card expires soonUpdate it before Friday.
Sync failedWe will try again in 30 seconds.
NJ
Nusrat JahanCommented on Q3 launch
Invoice sent to Israt Jahan
Undo
PrimarySecondaryOutlineActivePendingFailedNew
Copied to clipboard72%
MRNJIJMRNJIJ+5

Cards, table and overlays

Monthly revenue12.4%

48,210

74% of the 65k goal
The government report

What changed this quarter, and what to do next.

MRMd Rakib Shekh4 min read
IJ
Israt Jahan

Product designer

CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00
Showing 1–3 of 36
Q3 launch24 files, edited today
Delete project?

“Q3 launch” and its 24 files will be removed for everyone. You can’t undo this.

No messages yet

When customers write to you, their messages show up here.

Screens

Juniper Rotunda as a real product

Landing page

juniper-rotunda.com
ProductPricingCustomersDocs
New · government

Juniper Rotunda

Near-monochrome civic UI with true-grey neutrals, generous whitespace and one deep juniper accent for calm, trustworthy government services.

MRNJIJLoved by 2,000+ teams
This week

+24.6%

Dashboard

Good morning, Rakib

Overview

Revenue

48,210

+12.4%
Customers

2,318

+4.1%
Churn

1.8%

-0.3%
Revenue
CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00

Phone app

9:41●●● 100%

Welcome back

Md Rakib Shekh
MR
Balance

12,480

MR
Md Rakib ShekhPaid
2,400
NJ
Nusrat JahanPending
860
IJ
Israt JahanFailed
1,120
9:41●●● 100%

Q3 launch

1 of 3 doneOn track for Friday.

Pricing

Starter

0 a month

For trying things out

  • 1 project
  • Basic reports
  • Email support
ProPopular

24 a month

For growing teams

  • Unlimited projects
  • Team workspaces
  • Priority support
  • Advanced reports
Business

79 a month

For larger organisations

  • Everything in Pro
  • SSO and audit log
  • A dedicated manager
Can I change plans later?

Yes. Move up or down any time, and we work out the difference for you.

Is there a free trial?

Starter is free for as long as you like. Pro is free for the first 14 days.

Do teams get a discount?

Teams of 20 or more get 20% off. Write to us and we will set it up.

Sign in

Welcome back

Sign in to continue to your workspace.

or

“We set up our whole workspace in an afternoon.”

NJNusrat Jahan
Head of operations

Settings

Settings

MRMd Rakib Shekhrakib@studio.co
Email notificationsA summary every Monday.
Two-factor sign-inProtect your account with a code.
LanguageUsed across the app.
Delete accountThis removes all your data.

Palette and type

Light

  • Primary#265a3a
  • Accent#e2eee5
  • Background#fafafa
  • Foreground#171717
  • Muted#f2f2f2

Dark

  • Primary#6fa97f
  • Accent#14311f
  • Background#171717
  • Foreground#fafafa
  • Muted#3d3d3d
  • DisplayUnbounded
  • BodyOnest
  • MonoJetBrains Mono

Near-monochrome civic UI with true-grey neutrals, generous whitespace and one deep juniper accent for calm, trustworthy government services.

Juniper Rotunda 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
government, civic services, public sector
Mood
restrained, refined, calm, confident
Display font
Unbounded
Body font
Onest
Mono font
JetBrains Mono
Density
Spacious
Contrast
Standard
Corner radius
4px

Use Juniper Rotunda

On the web

Open it in Studio, change anything, then use it in your app with one CSS link, the CLI or your AI tool.

Use this preset

In Figma

Open UIX, go to Presets and search “Juniper Rotunda”. Press Use this preset, then Sync to Figma.

Install UIX

In code

A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.

Unlock with UIX Pro

Send to your AI agent

Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Juniper Rotunda preset”.

Get your MCP link