NUICSS Theme Studio

Visual Theme Studio

Name: Theme Studio — Nofinite NUICSS
Author: Nofinite

Design, preview, and generate production-ready design tokens and OKLCH color palettes in real-time.

Primary Brand Color#4f46e5

Border Radius Scale

Typography System

Live Preview Canvas

Button Variants & Micro-Interactions

Badges & Status Tags

Active ReleaseVerifiedPendingHigh Priority

Physics-Based Motion & Skeleton

Hover-Lift Card

Lifts smoothly with spring physics.

One-Click Theme Export

/* Generated by NUICSS Theme Studio */
:root {
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-active: #3730a3;
  --color-primary-subtle: rgba(79, 70, 229, 0.12);
  --border-focus: #4f46e5;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Typography */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* Surface & Background */
  --bg-page: #f8fafc;
  --bg-surface: #ffffff;
  --bg-subtle: #f1f5f9;
  --fg-default: #0f172a;
  --fg-muted: #475569;
  --border-default: #e2e8f0;
}