Interfaces that keep the beat.

Each component ships the styles it needs and nothing more. Fewer decisions to undo when your design takes over.

BEM class names describe what an element is and keep every rule scoped to its block. No selector reaches into another component, so styles never collide.

Link one stylesheet and write semantic HTML. Headings, lists and tables look right before you add a single class.

Contrast-checked tokens, visible focus states and scripts that respect keyboard users and reduced motion settings.

Import modules one by one through SASS @use. The JS layer is optional and adds behavior only where markup asks for it.

Text follows a vertical rhythm: every size and space snap to a grid, and lines flow on a stable baseline. The eye moves down the page at a steady pace.

Layouts, headings and utilities adapt through breakpoint suffixes like @md and @lg. The rhythm holds at every screen size.

Built on what browsers already support: cascade layers, custom properties and light-dark(). No vendor prefixes, polyfills or workarounds to carry around.