BorderRadiusOur border-radius system is based on a structured scale of values, each assigned to specific types of components and containers.
- UX Guidelines
- Overview
Shadow Presets
| Preset | Pixel Value |
|---|---|
| br0 |  |
| br10 |  |
| br20 |  |
| br40 | .png) |
| br60 |  |
| br70 | .png) |
| br90 | .png) |
| br100 | .png) |
Usage Examples
br0Used on full width components, e.g. Full Width Banner
br20Used on Images
br40Used on: Cards, Checkbox
br60Used on floating elements, e.g. Hints, InAppNotification
br90Used on Collapsing Header
br100Used on: Round elements like Buttons and Avatars
