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.

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
arc44px
arc88px
arc1212px
arc2020px
arc9999999999px
circle50%

Usage

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


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