Skip to content
search icon
clear
Component Status

Shape

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