Skip to main content

Create

Make it yours

Start from a preset, change the parts of the contract you care about, and watch every component in the application follow. What you build here is one block of CSS; paste it into your app and the same components wear it.

Artboard · Spec sheetlight · 100%
+K

Overview

Revenue, retention and what the assistant has done for the team.

The assistant found 3 accounts likely to churn this quarter
Vantage Insurance, Halcyon Health and Sable Energy share the same pattern: usage down more than 30% within 60 days of renewal.

Monthly recurring revenue

$297k

+4.1%

vs. previous 30 days

Net revenue retention

108%

+1.9%

trailing twelve months

At-risk MRR

$94k

-8.5%

4 accounts in the playbook

Assistant tasks completed

1,284

+35%

246 h of analyst time

Pipeline

Click a row to inspect it, a header to sort.

Top 6
Health
Larkspur BiotechEnterprise · EMEAHealthy$61,00088%2027-02-05
Meridian CapitalEnterprise · AMERHealthy$52,90096%2026-12-01
Northwind LogisticsEnterprise · EMEAHealthy$48,20091%2026-11-02
Vantage InsuranceEnterprise · EMEAChurned$44,10015%2026-09-08
Halcyon HealthEnterprise · AMERAt risk$39,60058%2026-09-14
Orbital MediaBusiness · APACHealthy$15,30077%2027-03-11

Nothing selected

Team activity

People and the assistant, in one feed.

  • Simi Adeyemi flagged Halcyon Health for executive review

    12 min ago

  • Assistant drafted the Q4 renewal brief for Meridian Capital

    40 min ago

  • Jae Park closed the Orbital Media expansion, +120 seats

    2 h ago

  • Mena Okafor moved Cobalt Freight to the at-risk playbook

    5 h ago

  • Ana Rao scheduled the Pinecrest Schools QBR

    yesterday

Renewals

Next 90 days, by owner

Vantage Insurance

$44,100Churned

Halcyon Health

$39,600At risk

Sable Energy

$9,800At risk

Take it with you

The whole design is 103 custom properties. Nothing else changes.

.theme-custom {
  --font-sans: "Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-base-line-height: 1.6;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: 2rem;
  --text-3xl: 2.75rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600;
  --spacing: 0.25rem;
  --control-height-sm: 2rem;
  --control-height-md: 2.5rem;
  --control-height-lg: 2.75rem;
  --control-padding-x-sm: 0.6rem;
  --control-padding-x-md: 0.75rem;
  --control-padding-x-lg: 1rem;
  --button-padding-x-sm: 0.75rem;
  --button-padding-x-md: 1rem;
  --button-padding-x-lg: 1.5rem;
  --radius: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --shadow-soft: none;
  --shadow-medium: none;
  --shadow-large: none;
  --shadow-card: none;
  --shadow-elevated: 0 0 0 1px rgba(11, 51, 36, 0.18);
  --shadow-glow: none;
  --duration-fast: 100ms;
  --duration-normal: 150ms;
  --duration-slow: 220ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --background: #fbf7e9;
  --foreground: #0b3324;
  --card: #fffdf4;
  --card-foreground: #0b3324;
  --popover: #fffdf4;
  --popover-foreground: #0b3324;
  --border: rgba(11, 51, 36, 0.18);
  --input: rgba(11, 51, 36, 0.3);
  --ring: #008751;
  --muted: #f3ecd1;
  --muted-foreground: #5a6f62;
  --primary: #008751;
  --primary-foreground: #fbf7e9;
  --primary-text: #006b40;
  --secondary: #f3ecd1;
  --secondary-foreground: #0b3324;
  --accent: #fcd116;
  --accent-foreground: #0b3324;
  --destructive: #e8112d;
  --destructive-foreground: #fbf7e9;
  --success: #008751;
  --warning: #fcd116;
  --warning-foreground: #0b3324;
  --gradient-primary: linear-gradient(90deg, #008751 0 50%, #fcd116 50% 100%);
  --gradient-hero: linear-gradient(90deg, #008751 0 33%, #fcd116 33% 66%, #e8112d 66% 100%);
  --gradient-subtle: linear-gradient(180deg, #fbf7e9, #f3ecd1);
  --sidebar-background: #fbf7e9;
  --sidebar-foreground: #0b3324;
  --sidebar-primary: #008751;
  --sidebar-primary-foreground: #fbf7e9;
  --sidebar-accent: #f3ecd1;
  --sidebar-accent-foreground: #0b3324;
  --sidebar-border: rgba(11, 51, 36, 0.18);
}

.dark .theme-custom {
  --background: #06211a;
  --foreground: #f5e9bd;
  --card: #0d3127;
  --card-foreground: #f5e9bd;
  --popover: #0d3127;
  --popover-foreground: #f5e9bd;
  --border: rgba(245, 233, 189, 0.18);
  --input: rgba(245, 233, 189, 0.3);
  --ring: #2fd07f;
  --muted: #0d3127;
  --muted-foreground: #9db5a2;
  --primary: #2fd07f;
  --primary-foreground: #06211a;
  --primary-text: #6fe3a6;
  --secondary: #0d3127;
  --secondary-foreground: #f5e9bd;
  --accent: #fcd116;
  --accent-foreground: #06211a;
  --destructive: #ff5468;
  --destructive-foreground: #06211a;
  --success: #2fd07f;
  --shadow-elevated: 0 0 0 1px rgba(245, 233, 189, 0.18);
  --gradient-subtle: linear-gradient(180deg, #06211a, #0d3127);
  --sidebar-background: #06211a;
  --sidebar-foreground: #f5e9bd;
  --sidebar-primary: #2fd07f;
  --sidebar-primary-foreground: #06211a;
  --sidebar-accent: #0d3127;
  --sidebar-accent-foreground: #f5e9bd;
  --sidebar-border: rgba(245, 233, 189, 0.18);
}