Rounded edges are everywhere in the Skyscanner product. Badges, buttons, chips and cards all use soft corners. Even the smallest piece of UI, the humble icon is rounded and softened to perfection.
Radius tokens
xs – sm tokens
The xs – sm tokens are reserved for the smallest elements.
md token
The md is the default radius. It works for most scenarios.
lg token
The lg token is the largest radius. This works best when the user interface stretches to fill an entire viewport. Think of the Russian doll principle, the more the container expands, the more the radius does.