Skip to content
search icon
Component Status


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


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.


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