UIX

Presets Sandstone Survey

Sandstone Survey

Clinical-calm system for architecture practices: green-grey neutrals, ochre primary, Bricolage headlines over Figtree UI text.

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

Color

Five ramps, 50 to 950

brand50fdf9ec100faf0cc200f4e09c300eacb63400d9b03d500bf90206009c74127007d5b0e8005f450c90043310a9502a1f06
neutral50f5f8f7100e8eeec200d5dedb300b6c2be40094a39e50072817d60055645f70045524d800333f3b900222c28950141b18
success50f0faf2100d9f3df200b5e6c130085d39b40055bd7c500359e5f60025824b7001d6a40800175234900103a25950082517
warning50fff7ed100fdebd2200f9d3a3300f2b56d400e6963f500cc7a1f600a86114700874c0f80066390c9004627089502c1804
danger50fff5f6100ffe6e9200fecdd4300fda4b1400f7778c500e54a68600c52d4e700a11f3c8007d18309005a11239503a0a17

Semantic tokens

Light and dark

Light
background#f5f8f7
foreground#141b18
card#ffffff
card-foreground#141b18
popover#ffffff
popover-foreground#141b18
primary#7d5b0e
primary-foreground#ffffff
secondary#e8eeec
secondary-foreground#222c28
muted#e8eeec
muted-foreground#55645f
accent#faf0cc
accent-foreground#43310a
destructive#c52d4e
destructive-foreground#ffffff
success#1d6a40
success-foreground#ffffff
warning#f9d3a3
warning-foreground#462708
border#d5dedb
input#b6c2be
ring#9c7412
Dark
background#141b18
foreground#f5f8f7
card#222c28
card-foreground#f5f8f7
popover#222c28
popover-foreground#f5f8f7
primary#d9b03d
primary-foreground#2a1f06
secondary#333f3b
secondary-foreground#e8eeec
muted#333f3b
muted-foreground#b6c2be
accent#43310a
accent-foreground#faf0cc
destructive#f7778c
destructive-foreground#3a0a17
success#55bd7c
success-foreground#082517
warning#e6963f
warning-foreground#2c1804
border#333f3b
input#45524d
ring#d9b03d

Typography

Bricolage Grotesque, Figtree and JetBrains Mono

Grow what matters

display-lg · 50/1.06 · 600 · -0.025em
Bricolage Grotesque

Grow what matters

display-md · 38/1.1 · 600 · -0.02em
Bricolage Grotesque

A calmer way to work

heading-lg · 28/1.2 · 500 · -0.015em
Bricolage Grotesque

A calmer way to work

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

A calmer way to work

heading-sm · 16/1.4 · 600
Figtree

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

body-lg · 18/1.6 · 400
Figtree

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

body-md · 16/1.55 · 400
Figtree

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

body-sm · 14/1.5 · 400
Figtree

Save changes

label · 14/1.3 · 500 · 0.005em
Figtree

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.01em
Figtree

const theme = preset("sandstone-survey")

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
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 architecture 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

Sandstone Survey as a real product

Landing page

sandstone-survey.com
ProductPricingCustomersDocs
New · architecture

Sandstone Survey

Clinical-calm system for architecture practices: green-grey neutrals, ochre primary, Bricolage headlines over Figtree UI text.

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#7d5b0e
  • Accent#faf0cc
  • Background#f5f8f7
  • Foreground#141b18
  • Muted#e8eeec

Dark

  • Primary#d9b03d
  • Accent#43310a
  • Background#141b18
  • Foreground#f5f8f7
  • Muted#333f3b
  • DisplayBricolage Grotesque
  • BodyFigtree
  • MonoJetBrains Mono

Clinical-calm system for architecture practices: green-grey neutrals, ochre primary, Bricolage headlines over Figtree UI text.

Sandstone Survey 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
architecture, construction, real estate
Mood
clinical, calm, reassuring, legible
Display font
Bricolage Grotesque
Body font
Figtree
Mono font
JetBrains Mono
Density
Comfortable
Contrast
High
Corner radius
8px

Use Sandstone Survey

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 “Sandstone Survey”. 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 Sandstone Survey preset”.

Get your MCP link