DESIGN SYSTEM / FOUNDATIONS

Consistency starts
below the surface.

The same tokens and principles behind Minton, ready for the next Recrav product.

A neutral canvas. A clear action.

Canvas

--background

Surface

--card

Inset

--muted

Action

--primary

Text

--foreground

Secondary text

--muted-foreground

Blue marks actions and selected states. Primary text has a separate contrast-safe shade from primary fills. Switch the theme above to inspect both palettes.

Type with a lighter touch

A little more considered.

Google Sans for the interface. Medium-weight headings, comfortable spacing.

const thoughtful = true;

Surfaces, not containers everywhere

Use flat page layouts for major content. Raised controls belong on the neutral canvas; inset controls belong on white surfaces. Avoid nested cards, heavy shadows, and decorative effects that compete with the content.

Motion with an off switch

Shared motion tokens keep panels, menus, tabs, and notifications consistent. Transition styles respect prefers-reduced-motion. Motion should support the action, never block it.

Credits and licenses

Recrav UI is available under the MIT license . Shared components build on open-source primitives. Read the component notices , Google Sans license , and JetBrains Mono license .

Built for more than a pointer

Label inputs, give icon-only buttons accessible names, and preserve visible focus indicators. Test composite controls with Tab, arrow keys, Enter, and Escape. Components are a foundation, not a substitute for testing the complete product.