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
Avatar
Avatar Stack
SvgIcon
Third Party Logo
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
Third Party Logo
Used to display logos from third-parties
Overview
Code
Stable
Show details
Stable
Published:
December 08, 2025
Updated:
December 10, 2025
Repository
Open link
Open to contributions
Design
Stable
Code
Stable
Figma component
Open in Figma
Open in Storybook
SvgIcon
Code
Third Party Logo
Code