Skip to main content
Design System
Overview Overview

Overview

Working scaffold

A Bootstrap-based design system for Home Energy Scotland digital services.

Use familiar components consistently

The HES Design System brings together guidance, foundations and reusable interface patterns. It favours native Bootstrap classes and utilities, with targeted HES extensions where they are needed.

Current scope: This private site is an initial documentation and build experiment, not an approved design-system release. The compiled stylesheet includes Bootstrap and an explicitly scoped F+ HES Button working baseline. Other HES treatments and accepted semantic token mappings are still to come.

Explore the first pages

TypographyReview the proposed type roles and Compact, Standard and Wide treatments.ButtonExplore native Bootstrap variants, usage guidance and the same HTML used by each live example.Get startedRun the site locally and learn how the compiled stylesheet is consumed.