Skip to content
Telescope

Radius

We use radii for components such as buttons, inputs and cards in order to deliver friendly and approachable user interfaces. Radii help draw attention to the content of an element rather than the element itself.
Information:

Some may argue that rounded corners look visually appealing but did you know that there are actual psychological studies to back this theory? Learn more.

TokenValueExample
arc4
4px
arc8
8px
arc12
12px
arc20
20px
arc99999
99999px
circle
50%

Usage

import {tokens} from '@pleo-io/telescope'


const element = styled.div`
    border-radius: ${tokens.arc4};
`