Presets Thistledown Agenda

Thistledown Agenda

Project management with plum actions on cool grey-blue neutrals, soft rounded cards and a Gloock serif for page titles.

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

brand50fbf4fb100f6e6f5200edcbeb300dda6dc400c778c9500a94fae6008f3a92700742a778005a1f5d9004316459502b0c2d

neutral50f5f8fa100e9eef2200d5dde4300b7c2cc40094a2ae5007482906005c6a78700465361800323e4a900222c37950151d26

success50ecfbf1100d3f5e0200aee9c63007fd7a440052bd82500309d6460022815270016683d8000f5330900093d24950052615

warning50fefaec100fcf0cc200f8e09c300f0c96a400e0aa3e500c98f1a600a6701470085570f80064420b900452d079502b1c04

danger50fff3f2100ffe4e1200fecbc6300fca49a400f47a6c500e0503f600c23a2b7009e2c218007c211a9005b17139503a0d0a

Semantic tokens

Light and dark

Light

background#f5f8fa

foreground#151d26

card#ffffff

card-foreground#151d26

popover#ffffff

popover-foreground#151d26

primary#8f3a92

primary-foreground#ffffff

secondary#e9eef2

secondary-foreground#222c37

muted#e9eef2

muted-foreground#465361

accent#f6e6f5

accent-foreground#431645

destructive#c23a2b

destructive-foreground#ffffff

success#16683d

success-foreground#ffffff

warning#f8e09c

warning-foreground#452d07

border#d5dde4

input#b7c2cc

ring#a94fae

Dark

background#151d26

foreground#f5f8fa

card#222c37

card-foreground#f5f8fa

popover#222c37

popover-foreground#f5f8fa

primary#c778c9

primary-foreground#2b0c2d

secondary#323e4a

secondary-foreground#e9eef2

muted#323e4a

muted-foreground#b7c2cc

accent#431645

accent-foreground#f6e6f5

destructive#f47a6c

destructive-foreground#3a0d0a

success#52bd82

success-foreground#052615

warning#e0aa3e

warning-foreground#2b1c04

border#323e4a

input#465361

ring#c778c9

Typography

Gloock, Albert Sans and DM Mono

Grow what matters

display-lg · 50/1.08 · 400 · -0.025em
Gloock

Grow what matters

display-md · 38/1.12 · 400 · -0.02em
Gloock

A calmer way to work

heading-lg · 28/1.2 · 400 · -0.012em
Gloock

A calmer way to work

heading-md · 20/1.3 · 600 · -0.005em
Albert Sans

A calmer way to work

heading-sm · 16/1.4 · 600
Albert Sans

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

body-lg · 18/1.6 · 400
Albert Sans

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

body-md · 16/1.6 · 400
Albert Sans

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

body-sm · 14/1.5 · 400
Albert Sans

Save changes

label · 14/1.25 · 500 · 0.005em
Albert Sans

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.01em
Albert Sans

const theme = preset("thistledown-agenda")

code · 13/1.5 · 400
DM Mono

Spacing · radius · shadow

The quiet rules

0.52px

14px

1.56px

28px

312px

416px

520px

624px

832px

1040px

1248px

1664px

2080px

2496px

sm
6px

md
10px

lg
16px

xl
20px

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

Thistledown AgendaProductPricingCustomersDocs

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 project management 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

Thistledown Agenda as a real product

Landing page

thistledown-agenda.com

Thistledown AgendaProductPricingCustomersDocs

New · project management

Thistledown Agenda

Project management with plum actions on cool grey-blue neutrals, soft rounded cards and a Gloock serif for page titles.

MRNJIJLoved by 2,000+ teams

This week

+24.6%

Dashboard

Thistledown Agenda

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.

Thistledown Agenda

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#8f3a92
Accent#f6e6f5
Background#f5f8fa
Foreground#151d26
Muted#e9eef2

Dark

Primary#c778c9
Accent#431645
Background#151d26
Foreground#f5f8fa
Muted#323e4a

DisplayGloock
BodyAlbert Sans
MonoDM Mono

Project management with plum actions on cool grey-blue neutrals, soft rounded cards and a Gloock serif for page titles.

Thistledown Agenda 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: project management, collaboration, nonprofit
Mood: warm human, approachable, earthy, calm
Display font: Gloock
Body font: Albert Sans
Mono font: DM Mono
Density: Comfortable
Contrast: Standard
Corner radius: 10px

Use Thistledown Agenda

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 “Thistledown Agenda”. 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 Thistledown Agenda preset”.

Get your MCP link

Similar presets

All 251 presets →