• Getting started
  • Guidelines
  • Workspace
  • Native Mobile
  • Service Portal
  • Core UI
  • Resources
  • Workspace overview

    • Structure
    • Creating an experience
    • Examples
    • Resources

    • All foundations
      • Overview
      • Types
      • Style
      • Interaction
      • Dashboard
      • Overview
      • Palettes
      • Using color
    • Elevation
      • Overview
      • Using
      • Creating
      • Library
      • Overview
      • Using
      • Creating
      • Library
    • Grids & layouts
    • Corner radius
      • Overview
      • Spacing usage
      • Overview
      • Body copy & sizes
      • Font styles

    • All patterns
      • Card patterns
      • Use cases
      • Recommendations
      • Contextual side bar patterns
      • Use cases
      • Recommendations
      • Email patterns
      • Use cases
      • Recommendations
      • Loading patterns
      • Use cases
      • Recommendations
      • Messaging patterns
      • Use cases
      • Recommendations

  • Components
  • App shells
  • Modals
  • Page templates
Workspace

All foundations

This is the basis for our cohesive design system, from typography and iconography to accessibility and interaction patterns.

Loading items
Color
Color plays a pivotal role in a product's success by communicating meaning, feeling, and driving action.
Data visualization
Craft compelling narratives using data through visually appealing and accessible data visualizations.
Elevation
Elevation and shadows play a crucial role in UI design by adding dimension and visual hierarchy to user interfaces.
Illustration
Illustrations simplify our workflow and create meaningful connections to the message being conveyed.
Icons
Horizon's icons are simple in nature and reflect the design system’s goal to simplify and reduce visual noise.
Grids & layouts
Grids and layouts provide structure to visual elements on a screen to make it easier for users to interact.
Corner radius
Corner radius in the Horizon design system adds a modern and user-friendly touch to components.
Spacing
Spacing improves understanding of the meaning of UI elements and the relationships between them.
Typography
Our type system is designed to be flexible and modular with practical guiding principles.
Horizon Design System

Horizon empowers ServiceNow creators to quickly design intuitive and innovative experiences for the enterprise. As the source of truth for experience design at ServiceNow, it centralizes the most up-to-date guidelines, patterns, components, and resources for anyone creating experiences on the platform.

Connect with us
  • Terms and conditions
  • GDPR
  • Privacy statement
  • Cookie policy
  • Cookie preferences
  • Business continuity
  • © 2025 ServiceNow. All rights reserved.