Showcase

Whole pages, each with its own look, made only from m.css and a few custom properties. No classes, and no other CSS. Each page shows its complete theme at the bottom.

Each card below sets its theme's color, spacing, and corners on the card itself, so the same markup shows how each theme changes it. Fonts and text size only apply to a whole page, so open a theme to see them.

Editorial

A long-read magazine essay: quiet, bookish, and generous. Serif text, a narrow column, and square corners.

Charter or Georgia, 1.125rem, always light.

Console

An operations dashboard: dense, technical, and high-signal. Compact spacing and nearly square corners.

Monospace, 0.875rem, always dark.

Playful

A product landing page: soft, bright, and approachable. Generous spacing and very round corners.

A rounded system font, light or dark to match your setting.

Ink

A poster for a community spring fair: calm, airy, and spare. Wide spacing, square corners, and an ink drawing.

A geometric sans such as Avenir or Futura, always light.