WES-G
GuidelinesAboutContributeGet The Badge
Filter by topic
  • Governance

    • 0.1 Documented Policy
    • 0.2 Essential Tracking and Ads
  • UX / Design

    • 1.2 Rich Content
    • 1.3 Use of Images
    • 1.4 Awareness
    • 1.5 Data Transfer and Emissions
    • 1.6 Carbon Aware Design
    • 1.7 Colour Scheme
    • 1.8 User Retention
  • Images

    • 2.1 File Formats
    • 2.2 Image Optimisation
    • 2.3 Image Resolution
    • 2.4 Browser Cropping
  • Video

    • 3.1 Autoplay
    • 3.2 Script Loading
    • 3.3 Streaming Resolution
  • Content

    • 4.1 Content Audit
    • 4.2 Digital First
    • 4.3 Easy Access
    • 4.4 Descriptive Headings
  • Fonts

    • 5.1 Font Variations
    • 5.2 File Formats
    • 5.3 Clean Files
    • 5.4 System Fonts
  • Web Development

    • 6.1 Lazy Loading Images
    • 6.3 Modular Design
    • 6.4 Minification
    • 6.5 Templates
    • 6.6 Asset Loading
    • 6.7 Analytics
    • 6.8 Data Minimisation
    • 6.9 Stylesheet
    • 6.10 Text Compression
    • 6.11 Carbon Aware Development
  • Development Operations

    • 7.1 Bad Robots
    • 7.2 Dev Environments
    • 7.3 Dataset
    • 7.4 Site Architecture
    • 7.5 Caching
    • 7.6 Pipeline Code
    • 7.8 Green Hosting

1.7 Colour Scheme

Website is designed with colours that use less energy on a screen.

Easy to implement
5
Mid impact score

Introduction 

Different colours use different levels of energy.

For example, white uses 6x that of black.

Blue uses 2x that of greed or red. 

Research for this is conducted by Google and Android.

 

← PreviousNext →

©2026
Sustainable Website Design by: Kyan & Sustainable Website Development by: Complex Creative
Privacy PolicyCookie Policy