# Horizon ## Getting started - [Getting started](https://horizon.servicenow.com/getting-started/all.md): Start here to learn about creating experiences on ServiceNow with Horizon. --- - [About Horizon](https://horizon.servicenow.com/getting-started/about-horizon.md): Design impactful experiences that help the world work. - [App frameworks](https://horizon.servicenow.com/getting-started/app-frameworks.md): Learn about the app frameworks we use to build experiences on ServiceNow. Each app framework contains design guidance and pre-built, reusable assets like components and patterns, tailored for specific users and use cases. - [AI](https://horizon.servicenow.com/getting-started/ai.md): Get oriented to AI on Horizon with an intro to the guidelines and components that will help you put AI to work for your users. - [Principles](https://horizon.servicenow.com/getting-started/principles.md): Bringing the best thinking to our design system drives innovation and fosters inspiration. --- - [Design](https://horizon.servicenow.com/getting-started/design.md): Get all the necessary steps, tools, and resources to start crafting experiences with the Horizon Design System. - [Develop](https://horizon.servicenow.com/getting-started/develop.md): Start developing on the Now Platform with Horizon. - [UX basics](https://horizon.servicenow.com/getting-started/ux-basics.md): Better understand your users to influence how you design your experiences. --- - [What's new](https://horizon.servicenow.com/getting-started/whats-new.md): Much like ocean waves constantly reshape coastlines, Horizon is continually evolving. Get an overview of recent additions and updates to the site and a preview of what's coming soon. - [Knowledge 2026](https://horizon.servicenow.com/getting-started/knowledge-2026.md): Knowledge is where the ServiceNow community comes together to learn, connect, and get inspired. This year, we hosted a full lineup of UX-focused sessions designed to help you design smarter, build faster, and create more human-centered experiences on the ServiceNow AI platform. 🔎 Interested in session summaries, replays, slides, and other useful resources straight from our speakers? Keep reading! 🤓 ## Guidelines - [All guidelines](https://horizon.servicenow.com/guidelines/all.md): The basis for our cohesive design system, guidelines inform every experience built on the platform, from our approach to accessibility and AI to content design. --- - [Accessibility](https://horizon.servicenow.com/guidelines/accessibility.md) - [Overview](https://horizon.servicenow.com/guidelines/accessibility/a11y-overview.md): Join us in building digital spaces that leave a positive impact on every user, fostering an inclusive design culture. - [Forced colors](https://horizon.servicenow.com/guidelines/accessibility/forced-colors.md): Forced colors is a powerful accessibility feature that allows users to override the default colors of a website with a user-defined color palette, most often with Windows Contrast Themes. - [Invisible controls](https://horizon.servicenow.com/guidelines/accessibility/invisible-controls.md): Invisible controls are buttons or other clickable content that are visually hidden until they're in focus. They should be designed with accessibility in mind so they don't negatively affect users with various disabilities. - [Live regions](https://horizon.servicenow.com/guidelines/accessibility/live-regions.md): Live regions allows you to communicate dynamic content changes to users who rely on assistive technologies such as screen readers. - [Reflow](https://horizon.servicenow.com/guidelines/accessibility/reflow.md): Reflow is enables users with varying degrees of vision impairment to engage with web content more effectively. - [Color contrast and APCA](https://horizon.servicenow.com/guidelines/accessibility/color-contrast.md): Join us in building digital spaces that leave a positive impact on every user, fostering an inclusive design culture - [Accessibility persona cards](https://horizon.servicenow.com/guidelines/accessibility/accessibility-persona-cards.md): These cards were created to help you design with accessibility in mind, not as an afterthought, but as part of your process from the start. --- --- - [Conversation design](https://horizon.servicenow.com/guidelines/conversation-design.md) - [Overview](https://horizon.servicenow.com/guidelines/conversation-design/conversation-design.md): This guide will help you create user-friendly, effective, and on-brand conversational experiences. It gives principles and guidelines for the most common interactions, whether scripted or generated. - [Guidelines for any conversation](https://horizon.servicenow.com/guidelines/conversation-design/guidelines-for-any-conversation.md): Some principles apply to all conversational experiences, whether scripted or generated. These guidelines ensure clarity, consistency, and user engagement across both approaches. - [Scripted conversations](https://horizon.servicenow.com/guidelines/conversation-design/scripted-conversations.md): Scripted conversations follow predefined paths, making structure and clarity essential. These guidelines help create smooth, user-friendly experiences in rule-based flows. - [Generated conversations](https://horizon.servicenow.com/guidelines/conversation-design/generated-conversations.md): Generated conversations adapt dynamically to user input, requiring flexibility and context awareness. These guidelines help ensure AI-powered assistants respond accurately and naturally. - [More help](https://horizon.servicenow.com/guidelines/conversation-design/more-help.md): This section provides resources and reference materials to support your conversation design work. These tools will help you understand key terms, answer common questions, and improve your conversational experiences. --- - [Words](https://horizon.servicenow.com/guidelines/words.md) - [Overview](https://horizon.servicenow.com/guidelines/words/the-words.md): Content, copy, microcopy, UI text -- the words that appear in the user interface go by many names, but their job is the same. They serve as a guide that provides the information people need to navigate and interact with an experience. - [Writing the words](https://horizon.servicenow.com/guidelines/words/writing-the-words.md): One of the goals when writing UI text is to create consistency across every experience. Aim to standardize words, simplify complex concepts, and deliver clear and readable language. - [Managing the words](https://horizon.servicenow.com/guidelines/words/managing-the-words.md): Some of the words in your apps and experiences will require oversight and management. To ensure consistency, it helps to have a centralized process to identify definitions, usage guidelines, and examples. --- - [Unified navigation](https://horizon.servicenow.com/guidelines/unified-navigation.md): Provides a consistent, global navigation experience across the entire platform ## AI - [AI](https://horizon.servicenow.com/ai/overview.md): Learn how to design AI features using research-backed patterns, ensuring responsible AI use throughout the design process. - [Designing for AI](https://horizon.servicenow.com/ai/designing-for-ai.md): When stepping into the realm of AI, user experience design and research are not just steps in the process; they are the keystones of innovation. Grounding AI development in the rich diversity of users and the complexities of their worlds will help ensure technology serves them with relevance and humanity. - [Agentic AI](https://horizon.servicenow.com/ai/agentic-ai.md) - [What is agentic AI?](https://horizon.servicenow.com/ai/agentic-ai/what-is-agentic-ai.md): Learn what agentic AI is and how it can be a game changing solution for the right problems. - [Starting agentic workflows](https://horizon.servicenow.com/ai/agentic-ai/triggering-agentic-workflows.md): Agentic workflows can be proactively started based on a set of predefined conditions or manually started by a human. - [Introducing agentic workflows](https://horizon.servicenow.com/ai/agentic-ai/.md): Learn how to introduce single or multi-step agentic workflows conversationally. - [Tool output](https://horizon.servicenow.com/ai/agentic-ai/tool-output.md): Learn how to format AI tool outputs. - [Ending agentic workflows](https://horizon.servicenow.com/ai/agentic-ai/ending-agentic-workflows.md): Learn how to end an agentic workflow. ## App frameworks - [Workspace](https://horizon.servicenow.com/workspace/overview.md) - [Workspace overview](https://horizon.servicenow.com/workspace/overview.md): Empower teams and improve productivity with data, insights, and action in a single, configurable workspace. --- - [Basics](https://horizon.servicenow.com/workspace/basics.md) - [Structure](https://horizon.servicenow.com/workspace/basics/structure.md): The Workspace app framework is best for users managing large volumes of records. The basic structure of a workspace makes it easy to combine data and record details with actionable insights to help users get work done faster. - [Creating an experience](https://horizon.servicenow.com/workspace/basics/creating-an-experience.md): Get a basic understanding of how to create a workspace experience. Before you start designing, you should understand the users, their needs, and the processes this workspace will need to support. To learn more about this important step in your workflow, check out our topic on [understanding users and needs](/getting-started/ux-basics). - [Examples](https://horizon.servicenow.com/workspace/basics/examples.md): With ServiceNow’s latest release, there are over 75 workspaces across our product suite. We've included a few examples from our teams to give you a sense of how you can tailor your workspace experiences using the ServiceNow Platform. - [Resources](https://horizon.servicenow.com/workspace/basics/resources.md): Review these key resources to understand how to work with the tools in the Workspace app framework. --- - [Foundations](https://horizon.servicenow.com/workspace/foundations.md) - [All foundations](https://horizon.servicenow.com/workspace/foundations/all.md): This is the basis for our cohesive design system, from typography and iconography to accessibility and interaction patterns. - [Data visualization](https://horizon.servicenow.com/workspace/foundations/data-visualization.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/data-visualization/data-vis-overview.md): Craft compelling and persuasive narratives using data through visually appealing, easily understandable, and accessible data visualizations. - [Types](https://horizon.servicenow.com/workspace/foundations/data-visualization/types.md): Choose the appropriate data visualization for your intended purpose, user, and use case. - [Style](https://horizon.servicenow.com/workspace/foundations/data-visualization/style.md): Every chart's components are created to function together seamlessly. Each element serves a crucial purpose in conveying data. - [Interaction](https://horizon.servicenow.com/workspace/foundations/data-visualization/interaction.md): The importance of chart interactions cannot be overstated. They transform stagnant data into an opportunity for exploration. Through actions such as hovering, clicking, and filtering, users are able to reveal hidden insights and better comprehend the information. - [Dashboard](https://horizon.servicenow.com/workspace/foundations/data-visualization/dashboard.md): Customizable workspaces enable you to design dashboards that incorporate visual representations of data, filters, and other graphical elements. - [Color](https://horizon.servicenow.com/workspace/foundations/color.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/color/color-overview.md): Color is purposeful, not decorative. The strategic use of color plays a pivotal role in a product's success by helping dictate the desired feeling, action, and outcome of the user experience. - [Palettes](https://horizon.servicenow.com/workspace/foundations/color/palettes.md): Color is purposeful, not decorative. The strategic use of color plays a pivotal role in a product's success by helping dictate the desired feeling, action, and outcome of the user experience. - [Using color](https://horizon.servicenow.com/workspace/foundations/color/using-color.md): Color is purposeful, not decorative. The strategic use of color plays a pivotal role in a product's success by helping dictate the desired feeling, action, and outcome of the user experience. - [Elevation](https://horizon.servicenow.com/workspace/foundations/elevation.md): These play a crucial role in UI design by adding depth, dimension, and visual hierarchy to digital interfaces. - [Illustrations](https://horizon.servicenow.com/workspace/foundations/illustrations.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/illustrations/illustrations-overview.md): Illustrations simplify our workflow systems and should create meaningful connections to the message being conveyed. - [Using](https://horizon.servicenow.com/workspace/foundations/illustrations/using-illustrations.md): Follow these guidelines to enhance proper illustration usage. Consistency removes confusion and provides a seamless user experience. - [Creating](https://horizon.servicenow.com/workspace/foundations/illustrations/creating-illustrations.md): Explore our brand agnostic illustration anatomy. Following these characteristics will enhance consistency. - [Library](https://horizon.servicenow.com/workspace/foundations/illustrations/illustration-library.md): From versatile typography and expressive icons to precise layouts and harmonious color palettes, empower your designs with a cohesive visual language. Illustrations are displayed in Horizon through the [Illustration component](/components/now-illustration). - [Icons](https://horizon.servicenow.com/workspace/foundations/icons.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/icons/icons-overview.md): Our icons are minimal, modern, and friendly. They are simple in nature and reflect the design system’s goal to simplify and reduce visual noise. - [Using](https://horizon.servicenow.com/workspace/foundations/icons/using-icons.md): Our icons are minimal, modern, and friendly. They are simple in nature and reflect the design system’s goal to simplify and reduce visual noise. - [Creating](https://horizon.servicenow.com/workspace/foundations/icons/creating-icons.md): Our icons are minimal, modern, and friendly. They are simple in nature and reflect the design system’s goal to simplify and reduce visual noise. - [Library](https://horizon.servicenow.com/workspace/foundations/icons/icon-library.md): From versatile typography and expressive icons to precise layouts and harmonious color palettes, empower your designs with a cohesive visual language. Icons are displayed in Horizon through the [Icon component](/components/now-icon). - [Grids & layouts](https://horizon.servicenow.com/workspace/foundations/grids-and-layouts.md): Grids and layouts provide structure to visual elements on a screen to make it easier for users to navigate and interact. - [Corner radius](https://horizon.servicenow.com/workspace/foundations/corner-radius.md): This adds a modern and user-friendly touch to components, offering predefined values. - [Spacing](https://horizon.servicenow.com/workspace/foundations/spacing.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/spacing/spacing-overview.md): Spacing impacts visual appeal by determining the space between UI elements like buttons, text, and images. - [Spacing usage](https://horizon.servicenow.com/workspace/foundations/spacing/spacing-usage.md): Spacing impacts visual appeal by determining the space between UI elements like buttons, text, and images. - [Typography](https://horizon.servicenow.com/workspace/foundations/typography.md) - [Overview](https://horizon.servicenow.com/workspace/foundations/typography/typography-overview.md): The Horizon type system is designed to be flexible and modular, with guiding principles and real-world applications. - [Body copy & sizes](https://horizon.servicenow.com/workspace/foundations/typography/body-copy-and-sizes.md): The Horizon type system is designed to be flexible and modular, with guiding principles and real-world applications. - [Font styles](https://horizon.servicenow.com/workspace/foundations/typography/font-styles.md): The Horizon type system is designed to be flexible and modular, with guiding principles and real-world applications. --- - [Patterns](https://horizon.servicenow.com/workspace/patterns.md) - [All patterns](https://horizon.servicenow.com/workspace/patterns/all.md): These are recommended configurations and best practices for components. - [Cards](https://horizon.servicenow.com/workspace/patterns/cards.md) - [Card patterns](https://horizon.servicenow.com/workspace/patterns/cards/card-patterns.md): A set of versatile components used for organizing information and actions within a structured container. - [Use cases](https://horizon.servicenow.com/workspace/patterns/cards/card-use-cases.md): Scenarios demonstrating the placement and presentation of card components on pages, sections, side panels, etc. - [Recommendations](https://horizon.servicenow.com/workspace/patterns/cards/card-recommendations.md): Guidance for incorporating cards into your design. - [Contextual side bar](https://horizon.servicenow.com/workspace/patterns/contextual-side-bar.md) - [Contextual side bar patterns](https://horizon.servicenow.com/workspace/patterns/contextual-side-bar/contextual-side-bar-patterns.md): A container for various component types to be used in the context of a specific record; stateful buttons are stacked vertically as tabs. - [Use cases](https://horizon.servicenow.com/workspace/patterns/contextual-side-bar/contextual-side-bar-use-cases.md): Scenarios demonstrating the placement and presentation of contextual side bar components. - [Recommendations](https://horizon.servicenow.com/workspace/patterns/contextual-side-bar/contextual-side-bar-recommendations.md): Guidance for incorporating the contextual side bar into your design. - [Email](https://horizon.servicenow.com/workspace/patterns/email.md) - [Email patterns](https://horizon.servicenow.com/workspace/patterns/email/email-patterns.md): Enable users to easily view, compose, revise, and send email in various ways depending on the needs of their workflow. - [Use cases](https://horizon.servicenow.com/workspace/patterns/email/email-use-cases.md): Scenarios demonstrating the placement and presentation of email. - [Recommendations](https://horizon.servicenow.com/workspace/patterns/email/email-recommendations.md): Guidance for incorporating the email into your design. - [Filtering](https://horizon.servicenow.com/workspace/patterns/filtering.md): Allows users to quickly refine and apply criteria in order to adjust the displayed content, data or view - [Forms](https://horizon.servicenow.com/workspace/patterns/forms.md) - [Form patterns](https://horizon.servicenow.com/workspace/patterns/forms/form-patterns.md): Allows users to create, view, and modify data via structured containers that organize and present form controls in a logical, user-friendly manner - [Form controls](https://horizon.servicenow.com/workspace/patterns/forms/form-controls.md): Essential interactive elements that enable users to input, select, and manage data across digital forms and collection interfaces - [Guided experiences](https://horizon.servicenow.com/workspace/patterns/guided-experiences.md): Provides guided contextual assistance to help users onboard to your tool, complete complex tasks, and discover new features - [Loading](https://horizon.servicenow.com/workspace/patterns/loading.md) - [Loading patterns](https://horizon.servicenow.com/workspace/patterns/loading/loading-patterns.md): Visual elements to indicate that a process is taking place in the background. - [Use cases](https://horizon.servicenow.com/workspace/patterns/loading/loading-use-cases.md): Scenarios demonstrating the placement and presentation of loading components on pages, sections, side panels, etc. - [Recommendations](https://horizon.servicenow.com/workspace/patterns/loading/loading-recommendations.md): Guidance for incorporating loading into your design. - [Messaging](https://horizon.servicenow.com/workspace/patterns/messaging.md) - [Messaging patterns](https://horizon.servicenow.com/workspace/patterns/messaging/messaging-patterns.md): An array of page-level or inline messaging components that can convey useful information and guide users toward possible actions. - [Use cases](https://horizon.servicenow.com/workspace/patterns/messaging/messaging-use-cases.md): Scenarios demonstrating the placement and presentation of messaging components on pages, sections, modals, and forms etc. - [Recommendations](https://horizon.servicenow.com/workspace/patterns/messaging/messaging-recommendations.md): Guidance for incorporating messaging into your design. - [Navigation](https://horizon.servicenow.com/workspace/patterns/navigation.md) - [Navigation](https://horizon.servicenow.com/workspace/patterns/navigation/navigation-pattern.md): Provides a consistent, global navigation experience across the entire platform - [Navigation
components](https://horizon.servicenow.com/workspace/patterns/navigation/navigation-pattern-components.md): An inventory of essential elements that comprise the workspace navigation pattern - [Making the right choice](https://horizon.servicenow.com/workspace/patterns/navigation/navigation-pattern-making-the-right-choice.md): Guidelines for selecting the appropriate navigation component based on the user’s specific need - [Templates and combining components](https://horizon.servicenow.com/workspace/patterns/navigation/navigation-pattern-templates-and-combining-components.md): Outlines how to use page templates and key design logic to effectively combine multiple navigation components into cohesive, best-practice workspace views --- - [Components](https://horizon.servicenow.com/workspace/components.md): This is a library of UI building blocks that form the basis for our interfaces. - [App shells](https://horizon.servicenow.com/workspace/app-shells.md): Wrappers for Now Platform® experiences with consistent, system-level controls. - [Modals](https://horizon.servicenow.com/workspace/modals.md): Interactive windows that open above a page and close when the user takes some action. - [Page templates](https://horizon.servicenow.com/workspace/page-templates.md): Reusable pages of components with predefined defaults for common use cases. --- - [Native Mobile](https://horizon.servicenow.com/native-mobile/overview.md) - [Native Mobile overview](https://horizon.servicenow.com/native-mobile/overview.md): Create and customize elegant apps with a dedicated app framework for iOS and Android. --- - [Basics](https://horizon.servicenow.com/native-mobile/basics.md) - [Structure](https://horizon.servicenow.com/native-mobile/basics/structure.md): An explanation of how ServiceNow’s native mobile apps are structured. - [Creating an experience](https://horizon.servicenow.com/native-mobile/basics/creating-an-experience.md): Best practices for how to create an exceptional mobile experience. - [Leading practices](https://horizon.servicenow.com/native-mobile/basics/leading-practices.md) - [Actions & functions](https://horizon.servicenow.com/native-mobile/basics/leading-practices/actions-and-functions.md): How to configure and manage user actions that update data, trigger navigation, or perform key operations in the app. - [Attachments](https://horizon.servicenow.com/native-mobile/basics/leading-practices/attachments.md): An overview of how attachments support mobile workflows in native apps. - [Login](https://horizon.servicenow.com/native-mobile/basics/leading-practices/login.md): Create a branded pre-login experience that helps guide users into your mobile app. - [Mobile UI rules](https://horizon.servicenow.com/native-mobile/basics/leading-practices/mobile-ui-rules.md): Conditional styling, visibility and behavior for input forms and card elements in the mobile experience. - [Now Assist](https://horizon.servicenow.com/native-mobile/basics/leading-practices/now-assist.md): Use Now Assist to enhance productivity with generative AI on mobile. - [Offline](https://horizon.servicenow.com/native-mobile/basics/leading-practices/offline.md): Support for working without internet by caching key data and actions on the mobile device. - [User segmentation](https://horizon.servicenow.com/native-mobile/basics/leading-practices/user-segmentation.md): Control who sees what in your mobile experience using roles and user criteria. - [Examples](https://horizon.servicenow.com/native-mobile/basics/examples.md): The Native Mobile applications at ServiceNow provide a canvas for our product teams or customers to add capabilities to. Here are a few examples of the mobile experiences offered by our products. - [Native capabilities](https://horizon.servicenow.com/native-mobile/basics/native-capabilities.md): How to enhance mobile experiences using your device’s built-in capabilities like the camera, geolocation, notifications, and more. - [Resources](https://horizon.servicenow.com/native-mobile/basics/resources.md): Learn more about mobile and get access to mobile Figma libraries. --- - [Foundations](https://horizon.servicenow.com/native-mobile/foundations.md) - [Accessibility](https://horizon.servicenow.com/native-mobile/foundations/accessibility.md): Create accessible applications that contribute to an accessible product experience. Accessibility in native mobile design ensures that all users, including those with disabilities, can effectively use the app. - [Accessibility](https://horizon.servicenow.com/native-mobile/foundations/accessibility/native-mobile-accessibility.md): Create accessible applications that contribute to an accessible product experience. Accessibility in native mobile design ensures that all users, including those with disabilities, can effectively use the app. - [Contrast](https://horizon.servicenow.com/native-mobile/foundations/accessibility/contrast.md): Our implementation of high contrast principles ensures that text and interface elements stand out clearly from the background, enhancing readability for users with visual impairments. Learn more about how we prioritize contrast and enhance accessibility in our mobile applications below - [Dynamic type size](https://horizon.servicenow.com/native-mobile/foundations/accessibility/dynamic-type-size.md): Dynamic type size helps people by letting them pick the text size that works for them. Starting from San Diego our app supports accessibility type sizes. - [Screen reader](https://horizon.servicenow.com/native-mobile/foundations/accessibility/screen-reader.md): Leveraging Screen Reader technologies, we provide effective descriptions to ensure users can fully access and navigate the content and functionality of our mobile products. - [Focus order](https://horizon.servicenow.com/native-mobile/foundations/accessibility/focus-order.md): The focus order enables screen reader and keyboard users to navigate the interface logically and efficiently, ensuring an inclusive experience for all. - [Headings and labels](https://horizon.servicenow.com/native-mobile/foundations/accessibility/headings-and-labels.md): Ensuring clear and accessible headings and labels is crucial for all users, especially for those with cognitive disabilities or visual impairments who depend on structured content for easier navigation. This page outlines the guidelines for implementing headings and labels within our mobile applications. - [Alternative text](https://horizon.servicenow.com/native-mobile/foundations/accessibility/alternative-text.md): Providing alternative text for non-text content in mobile applications ensures all users, including those with visual impairments, have equal access to information. This page outlines the guidelines for implementing alternative text within our mobile applications. - [Tappable area](https://horizon.servicenow.com/native-mobile/foundations/accessibility/tappable-area.md): Ensuring an accessible tappable area is crucial for all users, especially for those with motor impairments or anyone using a device in a challenging environment. This page outlines the guidelines for implementing tappable area within our mobile applications. - [Orientation](https://horizon.servicenow.com/native-mobile/foundations/accessibility/orientation.md): Supporting multiple orientations in mobile apps allows all users, including those with disabilities, to access and use the app in the way that is most comfortable and effective for them. - [Colors](https://horizon.servicenow.com/native-mobile/foundations/native-mobile-colors.md): Use consistent, accessible color choices to guide users, support branding, and improve readability across your mobile experience. - [Iconography](https://horizon.servicenow.com/native-mobile/foundations/native-mobile-iconography.md): Use consistent, meaningful icons to support navigation, enhance usability, and create a more intuitive mobile experience. --- - [Screens](https://horizon.servicenow.com/native-mobile/screens.md) - [Activity stream screen](https://horizon.servicenow.com/native-mobile/screens/activity-stream-screen.md): You can add an Activity stream as a screen segment in a [record screen](https://horizon.servicenow.com/native-mobile/screens/record-screen) or have it as a standalone screen. - [Barcode scan screen](https://horizon.servicenow.com/native-mobile/screens/barcode-scan-screen.md) - [Calendar screen](https://horizon.servicenow.com/native-mobile/screens/calendar-screen.md) - [Chart screen](https://horizon.servicenow.com/native-mobile/screens/chart-screen.md) - [Employee directory screen](https://horizon.servicenow.com/native-mobile/screens/employee-directory-screen.md): Employee directory screens are a type of list screen. - [Indoor mapping screen](https://horizon.servicenow.com/native-mobile/screens/indoor-mapping-screen.md): Also referred to as: Wayfinding map, Indoor map - [Input form screen](https://horizon.servicenow.com/native-mobile/screens/input-form-screen.md): Also referred to as: Data entry form, Mobile form screen - [Launcher screen](https://horizon.servicenow.com/native-mobile/screens/launcher-screen.md) - [List filters screen](https://horizon.servicenow.com/native-mobile/screens/list-filters-screen.md): Filters and sorting can be added to list screens to help users quickly find items that match their defined criteria. - [List screens](https://horizon.servicenow.com/native-mobile/screens/list-screens.md) - [Map screen](https://horizon.servicenow.com/native-mobile/screens/map-screen.md) - [Mobile web screen](https://horizon.servicenow.com/native-mobile/screens/mobile-web-screen.md) - [Record screen](https://horizon.servicenow.com/native-mobile/screens/record-screen.md): Use record screens to display the content of a single record. - [Saved items screen](https://horizon.servicenow.com/native-mobile/screens/saved-items-screen.md) - [Search results screen](https://horizon.servicenow.com/native-mobile/screens/search-results-screen.md) - [Updates screen](https://horizon.servicenow.com/native-mobile/screens/updates-screen.md): Also referred to as: Error screen, message screen, information screen, backend message screen. - [Upload manager screen](https://horizon.servicenow.com/native-mobile/screens/upload-manager-screen.md): Also referred to as: Uploads screen, multi-upload, attachments upload manager. - [Virtual Agent screen](https://horizon.servicenow.com/native-mobile/screens/virtual-agent.md): Also referred to as Enhanced Chat --- - [Components](https://horizon.servicenow.com/native-mobile/components.md): This is a library of UI building blocks that form the basis for our Native Mobile experiences. --- - [Service Portal](https://horizon.servicenow.com/service-portal/overview.md) - [Service Portal overview](https://horizon.servicenow.com/service-portal/overview.md): Empower your customers and employees with intuitive, unified, and mobile-friendly self-service experiences. --- - [Basics](https://horizon.servicenow.com/service-portal/basics.md) - [Structure](https://horizon.servicenow.com/service-portal/basics/structure.md): Service Portals are made up of navigation pages, and widget instances. Each out-of-the box portal introduces product-specific layouts, unique widgets, and additional capabilities to meet its unique needs. - [Creating an experience](https://horizon.servicenow.com/service-portal/basics/creating-an-experience.md): Service Portal provides customers with the ultimate flexibility in tailoring their experiences to user needs. With direct access to HTML, CSS, and JavaScript, you can tailor portal experiences at a very granular level. You can build unique themes for entire portals, add widgets to enhance the platform's capabilities or modify existing portals to meet specific business requirements. - [Examples](https://horizon.servicenow.com/service-portal/basics/examples.md): ServiceNow products leveraging the Service Portal framework for common use cases - [Resources](https://horizon.servicenow.com/service-portal/basics/resources.md): Learn more about Service Portal and get access to relevant Figma libraries. --- - [Widgets](https://horizon.servicenow.com/service-portal/widgets.md) --- - [Core UI](https://horizon.servicenow.com/core-ui/overview.md) - [Core UI overview](https://horizon.servicenow.com/core-ui/overview.md): Provide administrators a focused experience for their instance management. --- - [Basics](https://horizon.servicenow.com/core-ui/basics.md) - [Structure](https://horizon.servicenow.com/core-ui/basics/structure.md): The Core UI structure helps you build focused experiences for instance management. The UI optimizes the work surface for data management with quick access to navigation. - [Creating an experience](https://horizon.servicenow.com/core-ui/basics/creating-an-experience.md): Core UI is meant to provide a familiar experience for ServiceNow professionals and offers limited options for customization. - [Examples](https://horizon.servicenow.com/core-ui/basics/examples.md): ServiceNow products leveraging the Core UI framework for common use cases - [Resources](https://horizon.servicenow.com/core-ui/basics/resources.md): Learn more about Core UI and get access to relevant Figma libraries. --- - [Foundations](https://horizon.servicenow.com/core-ui/foundations.md) - [Data visualization](https://horizon.servicenow.com/core-ui/foundations/data-visualization.md) - [Overview](https://horizon.servicenow.com/core-ui/foundations/data-visualization/dataviz-overview.md): Craft compelling and persuasive narratives using data through visually appealing, easily understandable, and accessible data visualizations. - [Types](https://horizon.servicenow.com/core-ui/foundations/data-visualization/types.md): Choose the appropriate data visualization for your intended purpose, user, and use case. - [Dashboards](https://horizon.servicenow.com/core-ui/foundations/data-visualization/dashboards.md): Customizable workspaces enable you to design dashboards that incorporate visual representations of data, filters, and other graphical elements. ## Resources - [Resources](https://horizon.servicenow.com/resources/all.md): ServiceNow provides loads of great resources. These are a few of our favorites, aimed at helping you connect with other creators in the community and build better experiences faster. --- - [UX Special Interest Group](https://horizon.servicenow.com/resources/ux-special-interest-group.md): The User Experience Special Interest Group (UX SIG) is a place to connect with others in the ServiceNow Community focused on delivering great experiences to your users. - [Figma libraries](https://horizon.servicenow.com/resources/figma-libraries.md): Guide to the series of libraries ServiceNow provides the community to prototype products and solutions in the Figma design tool. - [Learning](https://horizon.servicenow.com/resources/learning.md): Dive deeper into the platform through certification paths, learning paths, and courses on the ServiceNow University. ## Blog: **Welcome to the Horizon blog**, where design stories come to life. It’s where our creators, designers, and builders open up about what they’re learning, what’s inspiring them, and how we’re shaping better enterprise experiences together. Explore, get inspired, and add your voice to the story.