v0.5.1

Radius

Squircle-leaning steps, softer and larger than a typical Tailwind kit.

Softer, larger steps than most systems default to. This is one of the things that makes Paubha not read as "generic Tailwind kit."

radius-xs · 6px

radius-sm · 8px

radius-md · 10px

radius-lg · 14px

radius-xl · 20px

radius-full · 9999px

Where each step is actually used

Confirmed against the real Figma spec for every component built so far, not guessed:

  • radius-xs (6px): checkboxes, dropdown/menu items, tooltips
  • radius-sm (8px): buttons, inputs, textareas, alerts, badges
  • radius-md (10px): dropdown/menu panels
  • radius-lg (14px): modals
  • radius-xl (20px): not yet used by any built component
  • radius-full (9999px): pills, avatars, switches, radio/checkbox indicators

An earlier draft of this page (and of CLAUDE.md) suggested radius-md was for "inputs/buttons" and radius-xl for "modals", but neither held up once the real specs were pulled from Figma. Buttons and inputs are radius-sm; modals are radius-lg.

Spacing

4px base scale, plus a micro tier most systems skip.

Shadows & Blurs

Brand-tinted shadows, never flat black, plus the signature glow-focus ring.

On this page

Where each step is actually used