Midnight Prism preset

Midnight Prism

Launch-ready design system

Crafted palette tokens, purposeful spacing, and reusable patterns ready for production launches.

Primary #050816 · Accent #8A6CFF Inter type scale 16 component families
  • Hand-tuned HTML + CSS
  • Optional Tailwind + React exports
  • Accessibility-first patterns

Active teams

24,930

+12.4% vs last week
NPS 67
Support SLA 98.1%

Secondary hero

Scaled-down hero for in-app onboarding surfaces.

Drop-in onboarding experiences

Guide users with a gradient header, descriptive text, and purposeful CTAs.

Responsive top bar with stacked links and a high-emphasis CTA.

Action system

Primary, ghost, and outline states with focus-visible and disabled styling.

Metric tiles

Use the stat grid to highlight KPIs for dashboards or marketing surfaces.

Active users

64,210

+5.8% vs last week
MRR

$128k

Forecast +12%
Churn

1.9%

Watching

KPI strip

Display quick signals with color-coded status pills for exec dashboards.

Support SLA

98.1%

Healthy

Release readiness

82%

QA in progress

Roadmap

14 launches

Next milestone Jun 18

Form controls

Inputs, selects, and textarea examples with hints, error states, and CTA.

Share context to receive tailored presets.
Enter a valid email to continue.

Authentication flows

Drop-in sign-in and sign-up cards with built-in validation states.

Returning

Welcome back

New account

Join the Studio

Dashboard shell

Two-column layout with sidebar navigation and KPI tiles.

Deployments

24

Green

Incidents

1

Root cause

NPS

67

+4 vs last quarter

Everything below uses semantic HTML tags, so swapping data sources is trivial.

Usage table

Ready-made table with filters, tabs, and status pills.

Client Plan Usage Status
Northwind Labs Studio 38 kits Active
Luna Finance Starter 2 credits Expiring
Orbit Relay Lifetime 84 kits Unlimited

Billing & receipts

Plan summary plus upcoming invoice line items.

Current plan

Studio · $89/mo

  • Unlimited UI kits
  • Premium presets
  • Priority roadmap access

Upcoming invoice

Due July 5

1 × Studio subscription — $89

1 × Add-on seats — $24

Tabbed content

Accessible tablist with active state styling.

General

Expose product name, contact email, and workspace defaults for your clients.

System alerts

Semantic alerts with inline actions and ARIA roles.

Layered modal with accessible semantics and stacked actions.

Inline notification

Use for lightweight confirmations or background tasks.

🚀
UI kit deployed

Studio · “Neon Grid” is live for clients.

Pricing comparison

Starter credits, Studio subscription, and Lifetime unlock.

Starter

$249 / 3 credits

Perfect for one-off client projects.

  • 3 generation credits
  • HTML + CSS exports
  • Secure hosted downloads

Studio (Subscription)

$89/month

Unlimited kits plus premium studio-only styles.

  • Unlimited generations
  • Tailwind + React exports
  • Download history + priority themes

Lifetime

$499 one-time

Own the complete kit library forever.

  • All presets, forever
  • Future updates included
  • Commercial license for unlimited apps

Wraps up docs, policies, and contact CTAs.

Ship production software in weeks, not quarters.

Docs Support Changelog