Design System 2.0

#
Crafted for
Perfection.

A comprehensive UI kit focusing on minimalism, micro-interactions, and motion. Built with semantic HTML, fluid topography, and glassmorphic depth.

Explore Components
Visual Placeholder
Active
01 — Typography

## Type Scale

Thinking in ratios helps create a consistent hierarchy. Our scale is strictly defined to ensure rhythm.

Display Heading
Inter Bold 3.5rem / 56px
Section Title
Inter SemiBold 2.5rem / 40px
Subsection Title
Inter SemiBold 2rem / 32px

Body text starts here. Design is not just what it looks like and feels like. Design is how it works. Good design is obvious. Great design is transparent.

Inter Regular 1rem / 16px

CAPTION TEXT & LABELS

JetBrains Mono 0.75rem / 12px
02 — Color System
Primary
#000000
Background
#FFFFFF
Surface Hover
#E4E4E7
Success
#10B981
Accent
#6366F1
03 — Components

### Buttons & States

### Input Fields

Standard Input
Animated Underline

### Cards & Depth

#### Hover Me

I track your mouse movement with a subtle radial gradient glow. Perfect for feature grids.

Badges: New Beta v2.0 Documentation
This is a tooltip
04 — Motion & Iconography

## Infinite Logic