Our Foundations capture our fundamental design decisions. They are the building blocks for Octopus Deploy interfaces. We implement these foundational elements using Design Tokens.
Colour
Palettes and guidelines on how to use colour across the interface.
Typography
Typographic scale for readable and hierarchic content
Icons
Our icon library with guidelines on using and adding icons.
Shadows
Directions on how to elevate content from base surface via shadows
Border Radius
Tips on creating visual boundaries between elements
Spacing
Predictable spacing model for laying out interface elements
Breakpoints
Responsive screen sizes for handling desktop, tablet, and mobile devices
Layout Anatomy
Common interface regions to build interface consistency