Design Foundations
The Building Blocks
- Animations
-
Spark animations are natural, simple, professional, well-timed, and helpful. Not only do these 5 characteristics reinforce the Sabre brand, but they also encourage the design of animations that reduce cognitive load and enhance a user’s understanding of the interface, while improving its appeal.
- Color Palette
-
Color plays a very intentional role in our language and is leveraged throughout Spark to: Create Prominence, Reinforce Intuitiveness, and Convey Meaning
- Guiding Principles
-
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.
- Iconography
-
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.
- Layout Guidelines
-
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.
- Responsive Grid
-
The 12-column responsive grid allows layout and content to be resized based on screen resolution.
- Sabre Logo Guidelines
-
The Sabre logo is the most visible element of our identity.
- Spark Themes
-
The Spark design language includes three themes: Katana, Light/Classic, and White-label
- Typography
-
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 modern and harmonious look to Sabre applications.
- Voice and Tone
-
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.