Cmd/Ctrl + K to search
ESC to clear / exit
Element v5
  • Welcome
  • Getting started
    • Design principles
    • Designing
    • Writing
    • Building
  • Migrating
  • Foundations
    • Overview
    • Border
    • Colour
    • Grid
    • Icon
    • Logo
    • Opacity
    • Pictogram
    • Spacing
    • Tone of Voice
    • Style and grammar
    • Style guide
    • Typography
  • Components
    • Overview
    • Accordion
    • Action
    • Action List
    • App Page Heading
    • Badge
    • Breadcrumb
    • Button / Link
    • Card
    • Checkbox
    • Currency Field
    • Data Table
    • Date Field
    • Disclosure
    • Display
    • Divider
    • Gallery
    • Heading
    • List
    • Margin
    • Modal
    • Navigation
    • Notification
    • Pagination
    • Password Field
    • Radio
    • Radio Card
    • Segmented Controls
    • Select Field
    • Skeleton Loading
    • Spinner
    • Stack
    • Steps
    • Tabs
    • Text
    • Textarea Field
    • Text Field
    • Text Link
    • Toast
    • Toggle
  • Composition Patterns
    • Footer

Element v5

 

Your guide to OVO’s Design System including principles, foundations and components.

Design principles

Foundations

Components


Setup guides

Designing

Writing

Building

Migrating

 

Join the community

For the latest features, asking questions and seeing how people are using Element across OVO experiences, join our Slack channel.

Resources
  • Figma library
  • Github repo
  • Backlog
  • Storybook
Support
  • Request a feature
  • Report a bug
  • Give us feedback

© 2025 Element v5. Page last updated on Apr 30, 2025, 10:46