What this is.

Tarva UI is a unified component library — Radix UI primitives, class-variance-authority variants, and Tailwind — with a two-layer theme system: light / dark mode × color schemes. Lumos is one of those schemes.

One library, every surface

494 components consolidated from across the Tarva products into a single cohesive system. Radix for behavior, CVA for variants, Tailwind for utilities, cn() for class merging.

Two-layer theming

Mode (light / dark, via next-themes) × color scheme. A token change re-skins every component, regression-locked against the theme matrix.

Lumos · the warm-editorial scheme

Editor's Note display over Be Vietnam Pro body, terracotta on parchment — a register that stays calm, exact, and never loud.

Design baseline · semantic surfaces

--backgroundbg

--cardsurface

--foregroundprimary

--accentaccent

--muted-foregroundmuted

--borderborder

Where to go next

Foundations — the tokens every component reads → Components — the full catalog planned Themes — schemes, light / dark, the matrix planned

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait