UIX
Sign in Start free

Presets Plot Slab

Plot Slab

Raw, high-contrast property tools: violet actions on cool slate neutrals, hard-edged blocks, offset shadows and a Geist grotesk-and-mono voice.

Pro Use this preset Use in Figma Get the files

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

Color

Five ramps, 50 to 950

brand50f7f3ff100ede5ff200dccbfd300c4a6f7400a880ee5008e5ce06007a3fcc7006631ab800512a879003b1d6495024103f
neutral50f4f6fa100e8ebf2200d3d8e3300b3bbca4008e98ab5006b7589600545e72700424b5d8002f37479001f2634950131822
success50e9fbf1100c8f4dc200a3e8c630076d7ab4004fbd8a5002fa1716002284597001d6b43800185537900113e289500a2719
warning50fff8e6100ffefc2200ffe08a300f5ca55400dcaa2a500bb8a0f6009a6d057007d570380062440390047320a9502b1e04
danger50fff3f1100ffe2dc200ffc4b8300ff9c8a400f0705c500d9432e600b92f1c700962314800771b109005a1409950380b05

Semantic tokens

Light and dark

Light
background#f4f6fa
foreground#131822
card#ffffff
card-foreground#131822
popover#ffffff
popover-foreground#131822
primary#7a3fcc
primary-foreground#ffffff
secondary#e8ebf2
secondary-foreground#1f2634
muted#e8ebf2
muted-foreground#424b5d
accent#ede5ff
accent-foreground#3b1d64
destructive#b92f1c
destructive-foreground#ffffff
success#1d6b43
success-foreground#ffffff
warning#ffe08a
warning-foreground#47320a
border#b3bbca
input#6b7589
ring#8e5ce0
Dark
background#131822
foreground#f4f6fa
card#1f2634
card-foreground#f4f6fa
popover#1f2634
popover-foreground#f4f6fa
primary#a880ee
primary-foreground#24103f
secondary#2f3747
secondary-foreground#e8ebf2
muted#2f3747
muted-foreground#b3bbca
accent#3b1d64
accent-foreground#ede5ff
destructive#f0705c
destructive-foreground#380b05
success#4fbd8a
success-foreground#0a2719
warning#dcaa2a
warning-foreground#2b1e04
border#424b5d
input#6b7589
ring#a880ee

Typography

Geist, Geist and Geist Mono

Grow what matters

display-lg · 64/1 · 700 · -0.04em
Geist

Grow what matters

display-md · 48/1.05 · 700 · -0.03em
Geist

A calmer way to work

heading-lg · 28/1.15 · 700 · -0.02em
Geist

A calmer way to work

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

A calmer way to work

heading-sm · 16/1.4 · 600
Geist

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

body-lg · 18/1.6 · 400
Geist

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

body-md · 16/1.55 · 400
Geist

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

body-sm · 14/1.5 · 400
Geist

Save changes

label · 13/1.25 · 600 · 0.03em
Geist

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.02em
Geist

const theme = preset("plot-slab")

code · 14/1.5 · 400
Geist Mono

Spacing · radius · shadow

The quiet rules

0.52px
14px
1.56px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
sm
0px
md
0px
lg
0px
xl
2px
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 real estate 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

Plot Slab as a real product

Landing page

plot-slab.com
ProductPricingCustomersDocs
New · real estate

Plot Slab

Raw, high-contrast property tools: violet actions on cool slate neutrals, hard-edged blocks, offset shadows and a Geist grotesk-and-mono voice.

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#7a3fcc
  • Accent#ede5ff
  • Background#f4f6fa
  • Foreground#131822
  • Muted#e8ebf2

Dark

  • Primary#a880ee
  • Accent#3b1d64
  • Background#131822
  • Foreground#f4f6fa
  • Muted#2f3747
  • DisplayGeist
  • BodyGeist
  • MonoGeist Mono

Raw, high-contrast property tools: violet actions on cool slate neutrals, hard-edged blocks, offset shadows and a Geist grotesk-and-mono voice.

Plot Slab 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
real estate, property management, proptech
Mood
brutalist, bold, raw, direct
Display font
Geist
Body font
Geist
Mono font
Geist Mono
Density
Comfortable
Contrast
High
Corner radius
0px

Use Plot Slab

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 “Plot Slab”. 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 Plot Slab preset”.

Get your MCP link

Similar presets

All 251 presets →