George on the web

Consistent, thoughtful interface content is a key element of a well designed user experience. Learn how to design, develop, and use components as building blocks for new features and products for George on the web.

When applied properly, content provided on this page should help you to work faster with confidence that the product and experience are well-aligned with the George Design System.

Basics
Helpers for colours, grid, spacing, typography, accessibility, etc. Dive into the basics.
Components
The basic building blocks of George pages, in HTML and React snippets. Explore the components.
Examples
Combinations of building blocks approved by the Design Team. Enjoy the examples.
Guides
All the intro you need to quick-start developing George for Web. Start with the guides.
Resources
Assets, libraries, and tools to streamline working with the George Design System. Look into resources.
Blog
Hot off the press news about recent features of the George Design System. Read the latest news.
Storybook
Complete overview of all React components. Discover Storybook.
Playroom
Sandbox for testing and assembling components in a safe environment. Play with Playroom.

George on the web

Explore the George Design System