UIX

Presets Verdigris Penthouse

Verdigris Penthouse

Clinical-calm UI: a single copper accent on cool grey-blue neutrals, precise grotesk headlines, flat surfaces and low visual noise.

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

Color

Five ramps, 50 to 950

brand50fdf6f2100fbe8dc200f5cfb8300ecaf8a400e08f63500c9703f600a8552970086421f8006832179004b24119502e1609
neutral50f5f7fa100ebeff4200d7dee7300b9c4d140094a2b4500718095600586679700465365800343f50900242c3a950151a24
success50effaf6100d7f3e8200afe5d130082d1b440052b5935002e96756001f7a5e7001a67508001452409000f3d3095008281f
warning50fffaeb100fcefc8200f7de9c300eec865400d9a432500b8831a60093671270075500e8005b3e0b900422c089502a1b05
danger50fff5f7100ffe4ea200fcc9d4300f79db1400ee7090500db4a6f600bc2d53700992043800781935900581228950390a19

Semantic tokens

Light and dark

Light
background#f5f7fa
foreground#151a24
card#ffffff
card-foreground#151a24
popover#ffffff
popover-foreground#151a24
primary#a85529
primary-foreground#ffffff
secondary#ebeff4
secondary-foreground#242c3a
muted#ebeff4
muted-foreground#465365
accent#fbe8dc
accent-foreground#4b2411
destructive#bc2d53
destructive-foreground#ffffff
success#1a6750
success-foreground#ffffff
warning#f7de9c
warning-foreground#422c08
border#d7dee7
input#b9c4d1
ring#c9703f
Dark
background#151a24
foreground#f5f7fa
card#1c2230
card-foreground#f5f7fa
popover#242c3a
popover-foreground#f5f7fa
primary#e08f63
primary-foreground#2e1609
secondary#343f50
secondary-foreground#ebeff4
muted#343f50
muted-foreground#b9c4d1
accent#4b2411
accent-foreground#fbe8dc
destructive#ee7090
destructive-foreground#390a19
success#82d1b4
success-foreground#08281f
warning#d9a432
warning-foreground#2a1b05
border#343f50
input#465365
ring#e08f63

Typography

Space Grotesk, Inter and Space Mono

Grow what matters

display-lg · 50/1.08 · 600 · -0.03em
Space Grotesk

Grow what matters

display-md · 38/1.12 · 600 · -0.024em
Space Grotesk

A calmer way to work

heading-lg · 28/1.2 · 500 · -0.015em
Space Grotesk

A calmer way to work

heading-md · 21/1.3 · 600 · -0.01em
Inter

A calmer way to work

heading-sm · 16/1.4 · 600 · -0.003em
Inter

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

body-lg · 18/1.6 · 400
Inter

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

body-md · 16/1.6 · 400
Inter

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

body-sm · 14/1.5 · 400
Inter

Save changes

label · 14/1.25 · 500 · 0.005em
Inter

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.01em
Inter

const theme = preset("verdigris-penthouse")

code · 14/1.5 · 400
Space Mono

Spacing · radius · shadow

The quiet rules

0.52px
14px
1.56px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
sm
4px
md
8px
lg
12px
xl
16px
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 luxury 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

Verdigris Penthouse as a real product

Landing page

verdigris-penthouse.com
ProductPricingCustomersDocs
New · luxury

Verdigris Penthouse

Clinical-calm UI: a single copper accent on cool grey-blue neutrals, precise grotesk headlines, flat surfaces and low visual noise.

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#a85529
  • Accent#fbe8dc
  • Background#f5f7fa
  • Foreground#151a24
  • Muted#ebeff4

Dark

  • Primary#e08f63
  • Accent#4b2411
  • Background#151a24
  • Foreground#f5f7fa
  • Muted#343f50
  • DisplaySpace Grotesk
  • BodyInter
  • MonoSpace Mono

Clinical-calm UI: a single copper accent on cool grey-blue neutrals, precise grotesk headlines, flat surfaces and low visual noise.

Verdigris Penthouse 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
luxury, skincare, wellness
Mood
clinical, calm, reassuring, precise
Display font
Space Grotesk
Body font
Inter
Mono font
Space Mono
Density
Comfortable
Contrast
Standard
Corner radius
8px

Use Verdigris Penthouse

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 “Verdigris Penthouse”. 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 Verdigris Penthouse preset”.

Get your MCP link