Sapphire
#0369a1 · enterprise blue
A readability + accessibility benchmark for themes
Brndle is the home of a single readability + accessibility standard that themes should hit no matter what runtime they ship on. WordPress, Astro, Ghost, Shopify, static-only - the file system differs, the language differs, the standard does not. The Brndle theme for WordPress is the first reference implementation. More variants, plus the per-topic benchmark writeups, are on the way. All GPL-2.0+, all on GitHub.
Right now
Each one of these is a single setting in the admin panel - one click, save, done. The Brndle WordPress release ships every scheme below.
Three seconds each · thirty-six-second loop · pauses for accessibility (prefers-reduced-motion)
Six situations Brndle is built to handle
Brndle is not for everyone, and the site is not trying to convert every visitor. It is built for agencies and developers who are already past the page-builder era and want their themes to read like real software.
You ship client sites and your page builder is sluggish, lock-in, and breaks at every WP update
14 server-rendered Gutenberg blocks (apiVersion 3). No Elementor, no Divi, no JS lock-in. Zero KB JS on content pages.
Agency dev, you fork the same theme 30 times a year and each one accumulates drift
One Brndle install per client. Pick color scheme + font pair + header + footer in settings. Save & ship.
You want Claude or GPT to draft landing-page copy but page builders fight the AI output
Blocks designed for AI-friendly insertion. Drop in hero, stats, features, FAQ, CTA blocks - matches the AI mental model.
You like the Laravel + Tailwind + Vite stack but most WP themes are jQuery + Sass + Gulp
Sage + Acorn (Blade templating), Tailwind CSS v4, Vite 7. Same DX as Laravel apps, inside WordPress.
Your client perf scores are mediocre because the theme ships 200KB of JS for a slider you never use
Brndle ships ~0 KB JS on content pages. Lighthouse 100 is the baseline, not a stretch goal.
You run multi-stack clients - some on WP, some on Astro, some moving to Ghost
Brndle for WordPress is shipping now. Astro + Ghost variants in the pipeline. Same design system across all stacks.
Design system
Every option below ships in the free release. Pick one of each in the admin panel, save, and the site renders accordingly.
Effortless native
System UI
Workhorse modern
Inter
Vercel signature
Geist Sans
Technical authority
IBM Plex
Friendly geometric
DM Sans
Considered prose
Editorial
Headline drama
Magazine
Open + readable
Humanist
Sticky
Slides into view on scroll up, hides on scroll down
Solid
Always opaque, fixed at top, never transparent
Transparent
See-through over the hero, fills on scroll
Centered
Logo centered, nav split left + right
Minimal
Logo only, no nav (single-page sites)
Split
Primary nav left, utility nav + CTA right
Banner
Announcement bar above the main nav
Glass
Frosted backdrop blur over hero imagery
Dark
Brand-dark background, light text, multi-column
Light
Surface-alt background, dark text, restrained
Columns
4-5 column nav with social row underneath
Minimal
Single-row copyright + 4 essential links
Big
Newsletter signup + 6 columns + brand statement
Stacked
Mobile-first single column, even on desktop
brndle/hero Full-width hero, eyebrow + CTAs + image + logo strip; Dark/Light/Gradient variations
brndle/stats Key metrics row ("100 Lighthouse Score", "0 KB JS")
brndle/features Alternating feature rows with images + bullets
brndle/content-image-split Side-by-side content + media block
brndle/how-it-works Numbered process steps, horizontal or vertical
brndle/comparison-table Feature comparison grid with optional highlighted column
brndle/pricing 2-3 column pricing table with featured-plan highlighting
brndle/testimonials Customer testimonial cards with avatars + star ratings
brndle/team Team cards with photo, role, bio, social links
brndle/logos Trust bar with company logos or text fallback
brndle/video-embed YouTube / Vimeo / self-hosted video wrapper
brndle/faq Accessible accordion FAQ, emits FAQPage JSON-LD
brndle/cta Call-to-action banner with primary + secondary buttons
brndle/lead-form Email-capture with REST submission + Mailchimp passthrough
The benchmark, six principles
A theme's tech stack varies. Its file system, template language, and build tooling vary. None of that is an excuse for shipping inaccessible markup, render-blocking JS, or a locked Pro tier. The Brndle theme for WordPress is one reference for the six below. The Astro, Ghost, and Shopify references will be evaluated against the same six.
Laravel Blade templating inside WordPress. Roots ecosystem. The agency standard for modern WP themes.
Utility-first, zero runtime JS, dark-mode aware, design tokens in CSS. Same vocabulary as the rest of frontend.
HMR dev server, optimized prod bundle, ESM-first. Builds in seconds, not minutes.
apiVersion 3 Gutenberg blocks rendered server-side. No client React hydration on content pages.
Content pages ship effectively zero JavaScript. Editor blocks register in admin only.
No proprietary code, no locked features, no telemetry. Modify, fork, ship to clients without a license check.
Cross-stack roadmap
Brndle starts on WordPress because that is where Wbcom Designs has been since 2013. The design system, the readability rules, and the accessibility bar are runtime-agnostic. Same tokens, same scheme vocabulary, same Lighthouse target, evaluated against the same six principles. Shopify, Astro, Ghost, and static-only references follow.
Shipping
github.com/brndle-themes/brndle - v1 with 12 schemes, 8 fonts, 14 blocks
In development
Same readability + accessibility standard, .astro components, Cloudflare Workers deploy template
In design
Handlebars templates, same scheme + font + header/footer vocabulary
Researching
Liquid templates, OS 2.0 sections, same design system, same a11y + perf bar
Exploring
Brndle for 11ty / Eleventy / Hugo - same tokens, different runtime
Install
No license check, no activation key, no telemetry. Drop in, activate, configure in the settings panel.
Download brndle-x.x.x.zip from GitHub Releases. WP admin → Appearance → Themes → Add New → Upload Theme. Activate. Done.
git clone https://github.com/brndle-themes/brndle.git \
wp-content/themes/brndle
cd wp-content/themes/brndle
composer install
npm install
npm run build && npm run admin:build && npm run blocks:build Then activate in WP admin. Requires WP 6.6+, PHP 8.2+, Node 20+, Composer.
After activation, open Brndle in the WP admin sidebar. Walk the tabs (Site Identity → Colors → Typography → Header → Footer → Performance). Save. Frontend re-renders.
Read the docsCommunity + license
Brndle is published under GPL-2.0+. Use it on unlimited client sites. Modify it. Re-ship it. White-label it. The only ask: keep the license header and contribute back when you build something useful on top.
Questions we get asked
Brndle for WordPress is the first proof. Astro, Ghost, Shopify and static-only references follow. Read the source, run it locally, ship it to clients - all under GPL. Per-topic benchmark writeups (readability, accessibility, performance, semantics) land alongside each reference.