Skip to main content

Shape

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

Version: 3.0.0-beta

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​

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