Built-in theme

Stripe

A white canvas, deep navy ink and a focused violet-blurple action color.

Financial infrastructure turned product UI. A complete visual language for product surfaces, interaction states and interface chrome.

View source View all themes

Palette

Primary#533afd

Secondary#00a98f

Color system

Live tokens

Background

--background

Foreground

--foreground

Card

--card

Card foreground

--card-foreground

Popover

--popover

Popover foreground

--popover-foreground

Primary

--primary

Primary foreground

--primary-foreground

Primary emphasis

--primary-emphasis

Secondary

--secondary

Secondary foreground

--secondary-foreground

Muted

--muted

Muted foreground

--muted-foreground

Accent

--accent

Accent foreground

--accent-foreground

Destructive

--destructive

Destructive foreground

--destructive-foreground

Highlight

--highlight

Highlight foreground

--highlight-foreground

Border

--border

Input

--input

Ring

--ring

Chart 1

--chart-1

Chart 2

--chart-2

Chart 3

--chart-3

Chart 4

--chart-4

Chart 5

--chart-5

Sidebar

--sidebar

Sidebar foreground

--sidebar-foreground

Sidebar primary

--sidebar-primary

Sidebar primary foreground

--sidebar-primary-foreground

Sidebar accent

--sidebar-accent

Sidebar accent foreground

--sidebar-accent-foreground

Sidebar border

--sidebar-border

Sidebar ring

--sidebar-ring

Typography

Display

sohne-var

Body

sohne-var

Code

Source Code Pro

Shape & depth

Soft radii, quiet shadows and layered surfaces keep the system cohesive.

Install Stripe

@import "@pompeitech/vesuvius-ui/themes/stripe.css";

Theme showcase

Components, charts, bento and marketing on the same tokens.

Stripe / workspaceLive preview

Notifications

Compact

Terms Marketing

New feature available

Success

Your changes have been saved successfully.

Starter

Pro

NameStatusBalance

John DoeActive$1,234.56

Jane SmithActive$2,345.67

Bob JohnsonInactive$567.89

Write a short note...

Performance Overview

Revenue, cost, and profit trends

RevenueProfitOrders

Jan 4Jan 6Jan 8Jan 10Jan 12Jan 15

Device Breakdown

Traffic by device type

Desktop42%

Mobile28%

Tablet14%

TV10%

Other6%

AI Voice

Easily explore residential and commercial properties featuring comprehensive profiles, stunning images, and immersive virtual tours.

Performance Indicator

Easily explore or compile residential and commercial properties featuring comprehensive profiles, photos, and virtual walkthroughs.

Sales Analytics

Effortlessly list or browse residential and commercial properties with detailed profiles, images, and virtual tours.

Fast

Quickly explore and manage residential and commercial properties with comprehensive profiles.

Submitted May 08, 2025

Pending

Completed

Task Overview

Effortlessly manage your tasks with a Kanban board, where you can visualize your workflow, prioritize tasks, and track progress.

Dashboard DesignIn progress

16 Jan 2025