Skip Navigation

Spark Version 3.0

Animation Guidelines

Discover how to breathe life into your products, with our updated animation guidelines, in the latest version of Spark.

Learn More

Spark Version 3.0

Progress Buttons

Give users better feedback while your application works, with micro-interactions built into our new Progress Buttons.

View Component

Spark Version 3.0

Animated Messages

Use animation to draw attention to important messages and announcements, all with a simple CSS class.

View Component

What's new with Spark?

Discover and learn about the latest Spark patterns, events & news...

Refinery Training

May 2024

Refinery Bootcamp training presentations are now available in our Training & Events page. Brush up on your Spark knowledge or learn how Design Technologists help product teams at Sabre.

Learn More

Spark Sample Screens

March 2023

Take a look at our latest Katana Page Templates, which feature an entire flow built with 23 different Katana components. These templates were designed from a white-label perspective and serve as an example of how to extend Spark within products.

Learn More

Spark Showcase Updates

March 2023

Our latest featured product within our Showcase is the Sabre.com site refresh. “We were able to turn this project around from inception to launch in less than a month and a half, thanks to Spark! We quickly built out our designs using the component library in Figma, and prototyped the new pages to all stakeholders, leading to rapid approval across the board.” - Moritz Zimmer, Sabre Brand Studio

Learn More

Currency Input

August 2022

Capture monetary values in the correct format with our Currency Input. This new form element accounts for a variety currency display options, including symbols and currency codes that display before or after the value.

Learn More

Indeterminate Checkbox

July 2022

The Indeterminate Checkbox is an extension of the Checkbox component and is useful in situations where there is a need to indicate partial selection of a group of checkboxes.

Learn More

Time Selection

April 2022

Time Selection components allow users to specify a time, timeframe or range of time. From Select Input to Range Sliders, we now offer several coded variations to fit your product needs.

Learn More

Inline Calendar

March 2022

Take a look at our Inline Calendar, the newest addition to our Date Selection offerings. This component can be used within small field sets, popovers and modals, or if more visual prominence is preferred.

Learn More

Nominate a Design

March 2022

Know of or have something you feel is Showcase-worthy? Submit designs using our new Spark Showcase Nomination form.

Nominate a Design

Figma

March 2022

If you haven't already, get familiar with our new Figma component library which is available for both Classic Spark and Katana.

Learn More

Katana Theme Now Available

June 2021

Learn all about the newly released Spark Theme and what benefits this modern design has to offer your product.

Learn More

Intuitive Design

Simplifing the user experience through modern design and intuitve interfaces.

Engaging Experience

Delight users through engaging, dynamic interactions.

Personalized Content

Empower users through intelligent, personalized content.

“We believe that achieving our goals is best accomplished by helping our users achieve theirs, so we’ve created a suite of helpful tools, resources and content to guide and inspire you in designing and developing amazing things.”

- Team Spark