Skip to content
EDS – Equinor Design System
search icon
clear
Component Status
  • Home
  • Getting Started
    • About Equinor design system
    • Designers
    • Developer
    • Project managers and owners
  • Guidelines
    • Accessibility
    • Colour
    • Elevation
    • Grid
    • Motion
    • Spacing
    • Typography
    • Shape
  • Assets
    • Brand illustration
    • Charts
    • Image placeholder
    • Logo
    • Photography
    • Product icons
    • System icons
  • Components
    • Component status
    • Accordion
    • Buttons
    • Buttons toggle
    • Cards
    • Chips
    • Date Picker
    • Divider
    • Links
    • Lists
    • Menu
    • Navigation app launcher
    • Navigation breadcrumbs
    • Navigation drawer
    • Navigation pagination
    • Navigation table of contents
    • Navigation tabs
    • Navigation top bar
    • Notification banner
    • Notification dialog
    • Notification snackbar
    • Popover
    • Progress indicators
    • Scrim
    • Search
    • Select
    • Selection controls
    • Side sheet
    • Slider
    • Stepper
    • Table
    • Text fields
    • Time picker
    • Toolbar
    • Tooltip
  • Data visualisation
    • About data visualisation
  • Patterns
    • Grid alignment
    • Inputs
    • Placement and order
  • Updates
    • Roadmap
    • Release information
  • Help
    • Support
  • Contributing
    • About
    • Designers
    • Documentation

Shape

Content

  • Guidelines
  • Variations

Components can have many different shapes---establishing a common shape keeps consistency.

Guidelines

To reflect the round corners of the Equinor logo, our shapes have a default rounded corner of 4px. You will notice this in the corners of buttons, cards, menus and more.

Variations

Variation name

There are many different shapes to choose between when you are building a component, such as: Button, Icon button, Corners, Straight, Field and Circle.

FigmaExternal linkFigma design for shapes
Edit this page on GitHub