Design Foundations
Our visual vocabulary is based on user-centered design principles coupled with traditional principles of aesthetics to create a language that is unified, visually pleasing and fosters ease-of-use within our applications.

Sabre animations are simple, helpful and fun. When used correctly, animations can reduce cognitive load and enhance a user’s understanding of the interface, while improving its appeal.
Learn More
Color plays a very intentional role in our language and is leveraged throughout Spark to: Create Prominence, Reinforce Intuitiveness, and Convey Meaning
Learn More
Spark is a catalyst, a starting point for designers and developers who share a desire to build amazing experiences for end users of Sabre applications.
Learn More
Icons are used throughout the Spark language to create visual interest, to make content easily scannable, and to provide access to information and actions in space-constrained contexts.
Learn More
To promote a sense of visual harmony across a wide range of applications, Spark provides the following recommendations on how to combine components into complex patterns and screen layouts.
Learn More
The 12-column responsive grid allows layout and content to be resized based on screen resolution.
Learn More
The Sabre logo is the most visible element of our identity.
Learn More
The Spark design language includes three themes: Light, White Label, and Dark
Learn More
Typography is a defining feature of the Spark language. The selection of our standard font families, the incorporation of a modular scale, and the use of a baseline grid are intended to introduce a...
Learn More
Our voice is human. It’s smart, friendly and straightforward. In the context of our applications, we use language that guides users and helps them advance toward achieving their goals.
Learn More