WEBVTT

00:00:00.000 --> 00:00:06.000
How do many website pages stay consistent?

00:00:06.000 --> 00:00:13.000
A design system brings reusable design choices and guidance together.

00:00:13.000 --> 00:00:18.000
Use the shared system in the context of your service.
6 design-system basics.

00:00:18.000 --> 00:00:30.000
Start with shared styles
Colour, typography and spacing provide a common visual foundation.
Colour choices · Type styles · Spacing rules

00:00:30.000 --> 00:00:42.000
Reuse suitable components
Common controls can share implementation and interaction behaviour.
Buttons and inputs · Reusable controls · Consistent behaviour

00:00:42.000 --> 00:00:54.000
Use patterns for tasks
Guidance can show how components work together in common situations.
Related controls · Common task · Documented pattern

00:00:54.000 --> 00:01:06.000
Read the usage guidance
A component needs context about when and how to use it.
Purpose · Usage conditions · Implementation notes

00:01:06.000 --> 00:01:18.000
Test your actual service
A shared component does not remove the need to test your content and journey.
Real content · Actual user task · Service-level checks

00:01:18.000 --> 00:01:30.000
Agree who maintains it
Record changes and ownership so shared decisions remain dependable.
Named owner · Reviewed changes · Current documentation

00:01:30.000 --> 00:01:39.000
Your checklist
Start with shared styles · Reuse suitable components · Use patterns for tasks · Read the usage guidance · Test your actual service · Agree who maintains it

00:01:39.000 --> 00:01:47.000
Keep the system useful, maintained and tested in real journeys.
jerseyweb.je