Ink Overview
    Foundations
    • Colors
    • Typography
    • Radii
    • Elevation
    • Spacing
    • Layout
    • Icons
    • Illustrations
    • Brand
    Components
      Patterns
        Playroom
        Guidelines
        • Accessibility
        • Artificial Intelligence
        • Email Guidelines
        • Internationalization
        • Print Guidelines
        • Usability
        • UX Writing
        Developer Resources
        • 101 Codemods
        • 101 Playroom
        • Hooks
        • Ink Linter
        • Usage
        • Testing in Ink
        Contribute
        • Adding Guides
        • Adding Code
        • Code Style
        • Testing
        • Issues Request
        Connect
        Preferences

      Version 35.0.0

      Foundations

      Last Updated: Dec 10, 2025

      A unified set of foundations that shape how Ink looks, feels, and behaves across our products.

      Colors

      A structured palette that brings clarity, hierarchy, and consistency to every surface.

      Typography

      A scalable type system that ensures readable, accessible, and expressive communication.

      Radii

      Corner guidelines that create visual cohesion and unify component shapes.

      Elevation

      A layering system using shadows and surfaces to establish depth and focus.

      Spacing

      A consistent spacing scale that defines rhythm, structure, and layout across the product.

      Layout

      Rules for organizing content and components into clear, flexible, predictable structures.

      Icons

      A unified icon set that communicates meaning quickly and supports key actions.

      Illustrations

      Visual storytelling elements that add clarity, guidance, and personality to experiences.

      Brand

      Official assets, guidelines, and resources maintained by the Brand & Creative team.

      Feedback