Presets Obsidian Annuity

Obsidian Annuity

Near-monochrome, dark-first wealth UI on violet-tinted graphite, IBM Plex type and one Amethyst accent reserved for decisions.

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

brand50f5f4ff100ebe8ff200d7d2fe300b9b1fb400968af35007563e46005c48cc7004a39a78003a2d829002a21619501a1440

neutral50f6f6f9100ececf2200d9dae4300bcbecc4009a9dad5007d80926006467777004f5262800393c4a90025283495014161e

success50edfbf4100d4f5e4200ade9ca3007cd8a94004fbf885002ca16c6001e8457700166a468001051359000b3925950052114

warning50fef9ec100fdf0cd200fae0a0300f2ca6c400ddae46500c08f2c6009d711c7007d581580061441190045300c9502a1d06

danger50fff4f5100ffe4e6200fec9ce300fca0a8400f5747f500e2505e600c73446700a224338007d1a2790058121b950390a10

Semantic tokens

Light and dark

Light

background#f6f6f9

foreground#14161e

card#ffffff

card-foreground#14161e

popover#ffffff

popover-foreground#14161e

primary#5c48cc

primary-foreground#ffffff

secondary#ececf2

secondary-foreground#252834

muted#ececf2

muted-foreground#4f5262

accent#ebe8ff

accent-foreground#2a2161

destructive#c73446

destructive-foreground#ffffff

success#166a46

success-foreground#ffffff

warning#fae0a0

warning-foreground#45300c

border#d9dae4

input#bcbecc

ring#7563e4

Dark

background#14161e

foreground#f6f6f9

card#252834

card-foreground#f6f6f9

popover#252834

popover-foreground#f6f6f9

primary#968af3

primary-foreground#1a1440

secondary#393c4a

secondary-foreground#ececf2

muted#393c4a

muted-foreground#bcbecc

accent#2a2161

accent-foreground#ebe8ff

destructive#f5747f

destructive-foreground#390a10

success#4fbf88

success-foreground#052114

warning#ddae46

warning-foreground#2a1d06

border#393c4a

input#4f5262

ring#b9b1fb

Typography

IBM Plex Serif, IBM Plex Sans and IBM Plex Mono

Grow what matters

display-lg · 50/1.08 · 300 · -0.022em
IBM Plex Serif

Grow what matters

display-md · 40/1.12 · 300 · -0.018em
IBM Plex Serif

A calmer way to work

heading-lg · 32/1.2 · 400 · -0.012em
IBM Plex Serif

A calmer way to work

heading-md · 20/1.35 · 500 · -0.006em
IBM Plex Sans

A calmer way to work

heading-sm · 16/1.4 · 600 · -0.002em
IBM Plex Sans

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

body-lg · 18/1.6 · 400
IBM Plex Sans

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

body-md · 16/1.6 · 400
IBM Plex Sans

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

body-sm · 14/1.55 · 400 · 0.002em
IBM Plex Sans

Save changes

label · 14/1.4 · 500 · 0.01em
IBM Plex Sans

Updated 2 minutes ago

caption · 12/1.45 · 500 · 0.02em
IBM Plex Sans

const theme = preset("obsidian-annuity")

code · 14/1.55 · 400
IBM Plex 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
6px

lg
10px

xl
14px

full
full

Components

Every part, every state

Buttons

DefaultHoverFocusDisabledPrimarySecondaryOutlineGhostDestructive

Inputs

Full namePlaceholder

EmailFocused

PasswordUse at least 8 characters

Team

Design

Opens a menu

WorkspaceDisabled

Message

Navigation

Obsidian AnnuityProductPricingCustomersDocs

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.

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 fintech report

What changed this quarter, and what to do next.

MRMd Rakib Shekh4 min read

Israt Jahan

Product designer

Customer	Date	Status	Amount
MRMd Rakib Shekh	Mar 12	Paid	2,400.00
NJNusrat Jahan	Mar 11	Pending	860.00
IJIsrat Jahan	Mar 09	Failed	1,120.00

Showing 1–3 of 36

No messages yet

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

Screens

Obsidian Annuity as a real product

Landing page

obsidian-annuity.com

Obsidian AnnuityProductPricingCustomersDocs

New · fintech

Obsidian Annuity

Near-monochrome, dark-first wealth UI on violet-tinted graphite, IBM Plex type and one Amethyst accent reserved for decisions.

MRNJIJLoved by 2,000+ teams

This week

+24.6%

Dashboard

Obsidian Annuity

Good morning, Rakib

Overview

Revenue

48,210

+12.4%

Customers

2,318

+4.1%

Churn

1.8%

-0.3%

Revenue

Customer	Date	Status	Amount
MRMd Rakib Shekh	Mar 12	Paid	2,400.00
NJNusrat Jahan	Mar 11	Pending	860.00
IJIsrat Jahan	Mar 09	Failed	1,120.00

Phone app

9:41●●● 100%

Welcome back

Md Rakib Shekh

Balance

12,480

Md Rakib ShekhPaid

2,400

Nusrat JahanPending

860

Israt JahanFailed

1,120

9:41●●● 100%

Q3 launch

Write onboarding copyMd Rakib Shekh · TodayReview new pricingNusrat Jahan · TomorrowShip release notesIsrat Jahan · Friday

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.

Obsidian Annuity

Welcome back

Password

Remember me

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

NJNusrat Jahan
Head of operations

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#5c48cc
Accent#ebe8ff
Background#f6f6f9
Foreground#14161e
Muted#ececf2

Dark

Primary#968af3
Accent#2a2161
Background#14161e
Foreground#f6f6f9
Muted#393c4a

DisplayIBM Plex Serif
BodyIBM Plex Sans
MonoIBM Plex Mono

Near-monochrome, dark-first wealth UI on violet-tinted graphite, IBM Plex type and one Amethyst accent reserved for decisions.

Obsidian Annuity 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: fintech, private banking, wealth management
Mood: quiet, refined, restrained, confident
Display font: IBM Plex Serif
Body font: IBM Plex Sans
Mono font: IBM Plex Mono
Density: Spacious
Contrast: Standard
Corner radius: 6px

Use Obsidian Annuity

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 “Obsidian Annuity”. 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 Obsidian Annuity preset”.

Get your MCP link

Similar presets

All 251 presets →