01
Theme, built to brief
A bespoke WordPress theme rather than a tweaked off-the-shelf one — so every template, component, and editorial layout matches the brand's design language exactly, with nothing fighting against it.
SUPERGOOP
BLOG THEME
A custom WordPress theme for Supergoop's editorial blog — engineered for performance while keeping every bit of the brand's sunny identity intact.
BRIGHTSIDE BLOG
— 01 / OVERVIEW
Supergoop turned sunscreen into a lifestyle brand — bright, optimistic, unmistakably its own. The Brightside is its editorial home for that voice. Odd Pixel built the custom WordPress theme it runs on: a build tuned for performance and Core Web Vitals, without sanding off any of the personality that makes a Supergoop page feel like Supergoop.
— 02 / THE BRIEF
Keep the brand loud.
Keep the page fast.
Lifestyle brands live and die on identity — the colours, the type, the playful details that make Supergoop instantly recognizable. But all of that personality usually comes at a cost: heavy pages, slow loads, and the kind of sluggish reading experience that sends people back to the search results.
The brief was to have both. A custom theme that carries the full weight of the brand on the screen while staying genuinely quick — fast first paint, smooth scrolling, and clean Core Web Vitals across the devices a beauty audience actually reads on.
— 03 / APPROACH
Four moves
behind the theme.
02
Performance first
Lean markup, disciplined asset loading, and an eye on Core Web Vitals from the start. The brand stays bold on screen while the page stays light underneath it.
03
Editorial templates
Flexible article and landing templates the content team can fill without breaking layout — the kind of reusable building blocks an active blog needs to keep publishing.
04
Responsive by default
A beauty and lifestyle readership lives on phones. Every layout was built to feel intentional from a wide hero down to a single-column mobile read.
FIG. A — Featured Articles 
FIG. B — Article Detail 
FIG. C — Blog Categories — 04 / WHAT WE BUILT
Six parts,
one theme.
FEAT.01
Custom WordPress theme
A theme built from the ground up to Supergoop's design language — no generic starter fighting the brand, every template purpose-built.
FEAT.02
Performance tuning
Lean markup and disciplined asset loading keep pages quick, so a heavily-branded experience doesn't read as a slow one.
FEAT.03
Core Web Vitals
Layout and loading shaped around the metrics that matter — first paint, interactivity, and visual stability — for both readers and search.
FEAT.04
Editorial templates
Reusable article and landing layouts the content team can fill confidently, keeping a busy blog publishing without dev involvement each time.
FEAT.05
Brand fidelity
Colour, type, and the playful details that make Supergoop recognizable carried faithfully into every component on the page.
FEAT.06
Responsive build
Layouts designed mobile-first for a readership that lives on their phones, intentional at every breakpoint from hero to footer.
— 05 / STACK
01 WordPress
02 Custom Theme
03 PHP
04 Twig
05 SCSS
06 Performance
07 Core Web Vitals
08 Responsive
— 06 / OUTCOMES
What the engineering
made possible.
1theme
A fully bespoke WordPress theme, built to the brand
100%
Brand identity preserved with no compromise on speed
CWV
Layout shaped around Core Web Vitals from day one
∞
Articles the content team can publish on the templates
A blog that loads as bright and fast as the brand it carries — performance and personality, no trade-off.
The Brightside
SUPERGOOP EDITORIAL