• Blog
  • Getting started
  • Guidelines
  • AI
  • Resources
  • Blog
  • 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
    • Filtering
      • Form patterns
      • Form controls
    • Guided experiences
      • Loading patterns
      • Use cases
      • Recommendations
      • Messaging patterns
      • Use cases
      • Recommendations
      • Navigation
      • Navigation
components
      • Making the right choice
      • Templates and combining components

  • Components
  • App shells
  • Modals
  • Page templates

Components

This is a library of UI building blocks that form the basis for our interfaces.

Loading items
Alert
A notification that can be optionally dismissed
Avatar
A graphical representation of a user, depicting an image, initials, or anonymous icon
Badge
Numeric badge that indicates a total count
Empty state
A message that displays when there is no information or incomplete details to show in a dedicated space; optionally, the component can show an illustration and action buttons
Form Record Presence
Adds an avatar when another user is viewing the record at the same time. If 2 other users are viewing the record, their avatars are both displayed. If more than 2 are present, the first 2 user avatars are displayed with a third overflow trigger “avatar”.
Highlighted value
A colored label with an optional icon to indicate status
Icon
Graphic symbol that represents an object or an item
Indicator scorecard
Organizes indicators in a list format to provide users with scannable information and direct access to indicators
Loader
An animated spinner to indicate a loading state
Progress bar
Linear indicator that provides feedback about an ongoing, user-initiated process; a progress bar shows a user how much of the total process is complete
Record tags
Tags allow users to assign categories to records.
SLA Timer
A timer that uses a highlighted value to show the status of a task Service Level Agreement (SLA), including when it is late.
Star Rating
Star Rating Component
Horizon Design System
  • Terms and conditions
  • GDPR
  • Privacy statement
  • Cookie policy
  • Cookie preferences
  • Business continuity
  • © 2026 ServiceNow. All rights reserved.