UIX

Presets Pew Register

Pew Register

Dense, data-first UI for congregation and community records: 1px ruled borders, tabular figures and compact spacing on green-tinted neutrals.

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

Color

Five ramps, 50 to 950

brand50eff9f2100d8f2df200b1e4c030083d09d40052b8775002f9a5b6001f7d4870019633a800144d2f9000f3823950072415
neutral50f3f7f4100e7eee9200d3ddd6300b7c4bb40094a49950075867a6005c6c6170048564d80035413a900232d27950141b17
success50e8faf3100c8f3e320094e6cb3005cd0ae4002fb893500139b776000b7e607000a654d8000a503e900073a2d95003241a
warning50fdf6e7100fbe8c3200f4d294300e2b66b400ca9837500ad7c0c6008f6506700735003800573d029003d2a01950261900
danger50fef3f4100fde2e6200fac5cd300f59aaa400ec6a84500d84466600bd2b4f70099203f800761631900560c23950380314

Semantic tokens

Light and dark

Light
background#f3f7f4
foreground#141b17
card#ffffff
card-foreground#141b17
popover#ffffff
popover-foreground#141b17
primary#1f7d48
primary-foreground#ffffff
secondary#e7eee9
secondary-foreground#232d27
muted#e7eee9
muted-foreground#48564d
accent#d8f2df
accent-foreground#0f3823
destructive#bd2b4f
destructive-foreground#ffffff
success#0a654d
success-foreground#ffffff
warning#f4d294
warning-foreground#3d2a01
border#d3ddd6
input#94a499
ring#1f7d48
Dark
background#141b17
foreground#f3f7f4
card#232d27
card-foreground#f3f7f4
popover#232d27
popover-foreground#f3f7f4
primary#52b877
primary-foreground#072415
secondary#35413a
secondary-foreground#e7eee9
muted#35413a
muted-foreground#b7c4bb
accent#0f3823
accent-foreground#d8f2df
destructive#ec6a84
destructive-foreground#380314
success#2fb893
success-foreground#03241a
warning#ca9837
warning-foreground#261900
border#35413a
input#5c6c61
ring#52b877

Typography

Fraunces, Instrument Sans and JetBrains Mono

Grow what matters

display-lg · 35/1.1 · 600 · -0.022em
Fraunces

Grow what matters

display-md · 29/1.15 · 600 · -0.016em
Fraunces

A calmer way to work

heading-lg · 24/1.2 · 500 · -0.01em
Fraunces

A calmer way to work

heading-md · 20/1.3 · 600 · -0.008em
Instrument Sans

A calmer way to work

heading-sm · 14/1.4 · 600
Instrument Sans

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

body-lg · 16/1.55 · 400
Instrument Sans

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

body-md · 14/1.5 · 400
Instrument Sans

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

body-sm · 13/1.45 · 400
Instrument Sans

Save changes

label · 13/1.25 · 500 · 0.005em
Instrument Sans

Updated 2 minutes ago

caption · 12/1.35 · 500 · 0.01em
Instrument Sans

const theme = preset("pew-register")

code · 13/1.45 · 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 religion community 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

Pew Register as a real product

Landing page

pew-register.com
ProductPricingCustomersDocs
New · religion community

Pew Register

Dense, data-first UI for congregation and community records: 1px ruled borders, tabular figures and compact spacing on green-tinted neutrals.

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#1f7d48
  • Accent#d8f2df
  • Background#f3f7f4
  • Foreground#141b17
  • Muted#e7eee9

Dark

  • Primary#52b877
  • Accent#0f3823
  • Background#141b17
  • Foreground#f3f7f4
  • Muted#35413a
  • DisplayFraunces
  • BodyInstrument Sans
  • MonoJetBrains Mono

Dense, data-first UI for congregation and community records: 1px ruled borders, tabular figures and compact spacing on green-tinted neutrals.

Pew Register 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
religion community, nonprofit, membership management
Mood
precise, calm, technical, trustworthy
Display font
Fraunces
Body font
Instrument Sans
Mono font
JetBrains Mono
Density
Compact
Contrast
Standard
Corner radius
4px

Use Pew Register

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 “Pew Register”. 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 Pew Register preset”.

Get your MCP link