neoautark
Kostenlose KI-Tools
Demo vereinbaren
Demo

Theme Studio

Test font pairs and color palettes — changes apply live.

Font Pairs

Color Palettes

Live Preview

The quick brown fox jumps

Over the lazy dog — 0123456789

Body text in the primary font. This is how paragraphs, descriptions, and UI labels will appear throughout the application. Good typography creates hierarchy and guides the eye.

Secondary text in muted foreground. Used for descriptions, timestamps, and supporting information that shouldn't compete with primary content.

Card Title
Cards use the card background and border tokens.
Muted Section
Muted areas for secondary content.
Primary
Secondary
Accent
Destructive
Border
Generated CSS Variables
Copy these into your globals.css to make changes permanent.
:root {
  --background: 0 0% 100%;
  --foreground: 214 12% 12%;
  --card: 0 0% 100%;
  --card-foreground: 214 12% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 214 12% 12%;
  --primary: 214 12% 12%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 214 12% 12%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45%;
  --accent: 0 0% 96.1%;
  --accent-foreground: 214 12% 12%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 89.8%;
  --input: 0 0% 89.8%;
  --ring: 214 12% 12%;
  --navbar: 0 0% 98%;
  --navbar-foreground: 214 12% 12%;
  --font-sans: var(--font-inter), system-ui, sans-serif;
}

Component Showcase

Reusable components that adapt to your theme. Copy from components/showcase/ into your project.

Stat Cards

Revenue

$45,231

+20.1%from last month

Users

2,338

+12.5%from last month

Active Projects

147

-3.2%from last month

Conversion

3.24%

+0.1%from last month

Profile, Activity & Notifications

AM

Alex Morgan

Admin

@alexm

Full-stack engineer building tools for developers. TypeScript enthusiast.

San FranciscoJan 2024alexm.dev
12
Projects
847
Commits
234
Reviews
Recent Activity
SC

Sarah Chen deployed v2.4.1 to production

2 min ago

MR

Marcus R. commented on PR #142

15 min ago

EL

Emma L. opened issue #89 — Login timeout

1 hour ago

JO

James O. merged feature/auth-refresh

3 hours ago

AM

Alex Morgan updated project settings

5 hours ago

Notifications
2

Team, Charts & Data Tables

Team Members
AM

Alex Morgan

alex@launchpad.dev

owner
SC

Sarah Chen

sarah@metric-labs.com

admin
MR

Marcus Rivera

marcus@stackflow.io

editor
EL

Emma Lindqvist

emma@forma.studio

viewer
Weekly Signups
New user registrations per day
24
Mon
38
Tue
31
Wed
45
Thu
52
Fri
18
Sat
12
Sun
Recent Invoices
InvoiceCustomerAmountStatus
INV-001Acme Corp$1,200
active
INV-002Globex Inc$890
pending
INV-003Initech$2,400
active
INV-004Umbrella Co$450
error

Pricing Toggle

MonthlyAnnual
Starter
For individuals and side projects
$0 / month
  • Up to 3 projects
  • 1 team member
  • 5GB storage
  • Community support
Most Popular
Pro
For growing teams and businesses
$29 / month
  • Unlimited projects
  • Up to 20 members
  • 100GB storage
  • Priority support
  • Custom domain

Empty States

No messages yet

When you receive messages from your team, they'll appear here.

No documents

Upload or create your first document to get started.

Aufgabenfelder

  • Performance Marketing
  • Operations
  • AI Search & SEO

Produkt

  • Kostenlose KI-Tools
  • Integrationen
  • Themes
  • Demo

Partner

  • Für Agenturen
  • Technologiepartner
  • Affiliates

Rechtliches

  • Docs
  • Impressum
  • Datenschutz
  • AGB
© 2026 neoautark. Alle Rechte vorbehalten.
Made in Germany