Brndle · Series index

Benchmarks.

Six per-topic writeups that, together, describe what a Brndle reference theme must do regardless of the runtime it ships on. Each topic gets the long-form treatment: the framing essay, the measurable rules, the cross-stack implementation (WordPress, Astro, Ghost, Shopify), and a self-check.

  1. 01

    Readability

    Type scale, measure, line-height, base size, color contrast, variable fonts, font loading, paragraph rhythm, letter-spacing, dark mode. Ten measurable rules.

    Live 9 minutes Read the writeup →

  2. 02

    Accessibility

    WCAG 2.2 AA + AAA, keyboard navigation, ARIA landmarks, focus indicators, reduced-motion, color-blind safe palettes. The non-negotiable bar.

    In writing ~12 minutes

  3. 03

    Performance

    Lighthouse 100 baseline, KB JS budget, font loading strategy, AVIF/WebP image formats, CLS/LCP/INP targets, render-blocking elimination.

    In writing ~10 minutes

  4. 04

    Semantics

    HTML5 structure, heading hierarchy, landmark roles, schema.org markup, microdata vs JSON-LD, machine-readable meaning.

    In design ~8 minutes

  5. 05

    Dark mode

    Proper color-scheme handling, system preference vs explicit choice, contrast preservation in both modes, no inverted-light-mode shortcuts.

    In design ~7 minutes

  6. 06

    Responsive

    Fluid type scales, breakpoints vs container queries, real-content responsive testing, mobile-first vs desktop-first decisions.

    In design ~9 minutes