Search...
Welcome to Octopus Design System
Get Started
Our Principles
Set Up for Designers
Set Up for Engineers
Tools We Use
Brand
Brand
Writing
Illustrations
Foundations
Overview
Design Tokens
Color
Typography
Icons
Shadows
Border Radius
Spacing
Breakpoints and Screen Sizes
Layout Anatomy
Components
Overview
Component Lifecycle
Component Status
Actions
Data
Form Elements
Images & Icons
Layout
Navigation
Messaging
Overlays
Status Indicators
Patterns
Overview
UI Patterns
Microcopy Patterns
Updates
Under Review
Decision Log
Contribute
Overview
Design
Engineering
Contributing to Figma
Contributing to Code
Proposing a Design Token
Proposing a Component
Proposing a UI Pattern
Proposing an Icon
Communicating Changes
Deprecation Guidelines
Learning Resources
Books
Courses
Border Radius
Tips on creating visual boundaries between elements
Guidelines
Styles
Live Tokens
Live Tokens
borderRadius
none
extraSmall2
small4
medium6
large8
extraLarge16
circle
Border Radius
Styles
Spacing
Guidelines
On this page
Live Tokens