Image System

Standardized image primitives with robust fallback logic and global style variants.

Glass

Default library style with subtle borders.

Image missing
variant="glass"
Soft

Deep roundness and soft shadows for friendly UIs.

Image missing
variant="soft"
Sharp

Zero radius and clean borders for technical feels.

Image missing
variant="sharp"
Glow

Adds a brand-colored outer radiance.

Image missing
variant="glow"
Outline

Heavy 2px border that pops on backgrounds.

Image missing
variant="outline"

Aspect Ratios

Standardized ratios for consistent grid layouts.

Image missing
aspect-square (Soft)
Image missing
aspect-video (Glass)
Image missing
aspect-bento-tall (Sharp)
Image missing
aspect-height (Glow)