Cmd/Ctrl + K to search
ESC to clear / exit
Element v5
  • Welcome
  • Getting started
    • Design principles
    • Designing
    • Building
  • Migrating
  • Foundations
    • Overview
    • Border
    • Colour
    • Grid
    • Icon
    • Logo
    • Motion
    • Opacity
    • Pictogram
    • Spacing
    • Typography
  • Content
    • Writing for users
    • Voice and tone
    • Style guide
  • Components
    • Overview
    • Accordion
    • Action
    • Action List
    • Badge
    • Button / Link
    • Card
    • Checkbox
    • Currency Field
    • Data Table
    • Date Field
    • Date Picker
    • Disclosure
    • Display
    • Divider
    • Gallery
    • Heading
    • List
    • Margin
    • Modal
    • 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
  • OVO Website
    • Overview
    • Website components
    • Website navigation
    • Website 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