Font Playground
Test your fonts on real layouts.
Pick a template, open it, and use the Fontara widget to try different font combinations — live on the page.
Still Life Journal
Minimal literary journal with elegant long-form articles and editorial styling.
Forme Studio
Bold minimal agency site with large hero typography, project grid, and dark sections.
Léa Moreau
Personal portfolio with project cards, gradient thumbnails, and contact section.
Cèdre Skincare
Premium skincare store with hero banner, product grid, reviews, and full footer.
Osteria Vento
Italian trattoria with dark header, full menu layout, and wine list.
Pulse Analytics
Startup landing page with hero, dashboard preview, features grid, and pricing.
New features
Beyond typography — now with layout and accessibility.
Details tab
Control spacing, borders, and background — live.
The new Details tab gives you full control over the box model of any selected element. Adjust margin and padding with sliders, tweak border radius and color with the built-in HSV picker, set background color, or control image filters and object-fit — all applied instantly to the real page.
Accessibility tab
Automated WCAG checks and color blindness simulation.
The A11y tab runs 5 automated WCAG 2.1 AA checks against your actual page styles — font size, line height, letter spacing, weight, and size hierarchy. It also lets you simulate how your site looks to users with Deuteranopia, Protanopia, Tritanopia, or Achromatopsia using real SVG filters.