Presets Periwinkle Housecall

Periwinkle Housecall

Friendly telehealth UI: periwinkle actions on deep night-blue surfaces, pill buttons, 24px card corners and playful display type that stays calm.

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

brand50eef4ff100dce8ff200bcd3ff30092b6fb4006b96f55004f78ea6003b5fd67002e49b0800263b8c9001f3070950141f4a

neutral50f5f7fb100e6eaf2200cdd4e0300a6afc04007f8a9e5005f6a806004a5468700374052800262d3d900181e2b9500e1320

success50edfcf6100d3f7e8200a9edd330074dbb64004fc99a5002fae7c6001f906670017714f800115a3f9000b4129950052a1b

warning50fffbeb100fef3c7200fde68a300fcd34d400f5b82e500e09f1a600b87d0c70094600a80075490c900553509950352104

danger50fff1f3100ffe0e5200fec2cc300fd96a7400f66e89500e0446a600c02d567009c2043800791231900580521950390011

Semantic tokens

Light and dark

Light

background#f5f7fb

foreground#0e1320

card#ffffff

card-foreground#0e1320

popover#ffffff

popover-foreground#0e1320

primary#3b5fd6

primary-foreground#ffffff

secondary#e6eaf2

secondary-foreground#181e2b

muted#e6eaf2

muted-foreground#4a5468

accent#dce8ff

accent-foreground#1f3070

destructive#c02d56

destructive-foreground#ffffff

success#17714f

success-foreground#ffffff

warning#fde68a

warning-foreground#553509

border#cdd4e0

input#7f8a9e

ring#3b5fd6

Dark

background#0e1320

foreground#f5f7fb

card#181e2b

card-foreground#f5f7fb

popover#181e2b

popover-foreground#f5f7fb

primary#6b96f5

primary-foreground#141f4a

secondary#262d3d

secondary-foreground#e6eaf2

muted#262d3d

muted-foreground#a6afc0

accent#1f3070

accent-foreground#dce8ff

destructive#f66e89

destructive-foreground#390011

success#4fc99a

success-foreground#052a1b

warning#f5b82e

warning-foreground#352104

border#262d3d

input#5f6a80

ring#6b96f5

Typography

Familjen Grotesk, Rubik and JetBrains Mono

Grow what matters

display-lg · 48/1.08 · 700 · -0.025em
Familjen Grotesk

Grow what matters

display-md · 36/1.12 · 700 · -0.02em
Familjen Grotesk

A calmer way to work

heading-lg · 28/1.2 · 600 · -0.012em
Familjen Grotesk

A calmer way to work

heading-md · 20/1.3 · 600 · -0.005em
Rubik

A calmer way to work

heading-sm · 16/1.4 · 600
Rubik

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

body-lg · 18/1.6 · 400
Rubik

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

body-md · 16/1.6 · 400
Rubik

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

body-sm · 14/1.55 · 400
Rubik

Save changes

label · 14/1.3 · 500 · 0.005em
Rubik

Updated 2 minutes ago

caption · 12/1.45 · 500 · 0.015em
Rubik

const theme = preset("periwinkle-housecall")

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

md
12px

lg
16px

xl
24px

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

Periwinkle HousecallProductPricingCustomersDocs

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

Periwinkle Housecall as a real product

Landing page

periwinkle-housecall.com

Periwinkle HousecallProductPricingCustomersDocs

New · telehealth

Periwinkle Housecall

Friendly telehealth UI: periwinkle actions on deep night-blue surfaces, pill buttons, 24px card corners and playful display type that stays calm.

MRNJIJLoved by 2,000+ teams

This week

+24.6%

Dashboard

Periwinkle Housecall

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.

Periwinkle Housecall

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#3b5fd6
Accent#dce8ff
Background#f5f7fb
Foreground#0e1320
Muted#e6eaf2

Dark

Primary#6b96f5
Accent#1f3070
Background#0e1320
Foreground#f5f7fb
Muted#262d3d

DisplayFamiljen Grotesk
BodyRubik
MonoJetBrains Mono

Friendly telehealth UI: periwinkle actions on deep night-blue surfaces, pill buttons, 24px card corners and playful display type that stays calm.

Periwinkle Housecall 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: telehealth, healthcare, wellness
Mood: playful, friendly, reassuring, bouncy
Display font: Familjen Grotesk
Body font: Rubik
Mono font: JetBrains Mono
Density: Comfortable
Contrast: Standard
Corner radius: 12px

Use Periwinkle Housecall

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 “Periwinkle Housecall”. 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 Periwinkle Housecall preset”.

Get your MCP link

Similar presets

All 251 presets →