Overview
Working scaffoldA 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, the scoped F+ Button working baseline and experimental Typography roles. Design tokens are documented by their current status and scope.
Explore the first pages
Design tokensExplore colour primitives, semantic roles and their component relationships.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.