Design Token System
We build a design token layer in SCSS and CSS custom properties that captures your complete visual language: colour palette, typography scale, spacing system, border radii, and shadow levels. Every component references these tokens. Your brand is defined in one place and applied consistently everywhere.
Gutenberg Block Library
We build a custom block library specific to your site's content patterns. Each block is designed to match your brand, produces predictable output at every viewport size, and is scoped so editors cannot produce layouts that break your design. The library replaces the core blocks that were not working and supplements the ones that were.
Block Pattern Library
We build pre-composed block patterns: full page sections assembled from your custom blocks that editors can insert and populate without making layout decisions. Hero sections, testimonial rows, feature grids, call-to-action panels, and content-media pairs are all available as single-click insertions with your brand already applied.
ACF Field Groups
We integrate Advanced Custom Fields for structured editorial control over content that does not fit naturally into the block editor: SEO field overrides, hero configuration options, related content selections, bilingual metadata, and any page-level data your templates require. Every ACF field is documented so editors understand its purpose without asking a developer.
Bilingual French and English Content Architecture
For organisations publishing in both official languages, we design and implement the content architecture that makes bilingual publishing work cleanly. This includes the approach to post translations or parallel content fields, URL structure for both languages, language switcher implementation, and editorial documentation covering how to publish, update, and maintain bilingual content correctly.
SCSS Architecture
We build the theme's stylesheet as a modular, well-documented SCSS codebase: partials for tokens, base styles, layout, components, and utilities, with a consistent naming convention. Any WordPress developer hired after handover can navigate and extend the codebase without a lengthy onboarding period.
Performance Optimisation
We optimise every asset the theme loads: fonts with font-display: swap and correct preloading, no unused JavaScript, CSS scoped per component, images in modern formats with srcset attributes, and Core Web Vitals verified on WP Engine Flywheel, Kinsta, or SpinupWP before handover.
Accessible HTML
We build to WCAG 2.1 AA. Semantic heading hierarchy, aria labels on interactive elements, keyboard-navigable components, sufficient colour contrast across all token combinations, visible focus states, and correct lang attributes for bilingual content. Accessibility is built into the HTML structure from the start.
Git Handover and Editorial Documentation
We hand over on Git with a clean commit history, a developer README covering the token system, block library, and deployment process, and editorial documentation written for your content team. For bilingual organisations, documentation covers the bilingual publishing workflow specifically.