Earthy Elegant preset

Earthy Elegant

Launch-ready design system

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

Primary #7C3E1D · Accent #F6B645 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 Pro 38 projects Active
Luna Finance Starter 2 projects Expiring
Orbit Relay Team 84 projects Unlimited

Billing & receipts

Plan summary plus upcoming invoice line items.

Current plan

Pro · $29/mo

  • Unlimited projects
  • Premium presets
  • Priority roadmap access

Upcoming invoice

Due July 5

1 × Pro subscription — $29

Next billing: $45

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

Three sample plans for a SaaS product: swap in your own tiers.

Starter

$12/month

For one person getting started.

  • 1 workspace
  • 5 projects
  • Email support

Pro

$29/month

For a growing team with real deadlines.

  • Unlimited projects
  • Shared dashboards
  • Priority support

Team

$79/month

For companies that need control.

  • Everything in Pro
  • SSO and audit log
  • Dedicated success manager

Wraps up docs, policies, and contact CTAs.

Ship production software in weeks, not quarters.

Docs Support Changelog