Hi, I’m Katana. Let’s give your product an edge!
Get More with Spark’s Latest Theme
Katana is the latest theme for the Spark Enterprise Design Language. It’s based on the current version 3 code and introduces some BIG benefits over our classic design:
Increased Accessibility Compliance
The latest Spark theme meets WCAG 2.1 accessibility standards. By upgrading, you will be compliant with the latest Sabre Accessibility Policy.
- Improved contrast on controls
- Easy, accessible color system
- Enhanced keyboard navigation
![](https://sabre-spark.s3.amazonaws.com/site_assets/im-katana/katana_condensed_display_support.png)
Better Support for Condensed Data Displays
We've streamlined common elements like header navigation and tabs to allow more content to appear on the screen. This is especially useful in more complex, data-heavy applications.
Updated, Modern Visual Style
Best of all, we've designed a sleek new look, with rounded edges and more pops of color, to focus users' attention and guide them through their tasks.
![](https://sabre-spark.s3.amazonaws.com/site_assets/im-katana/meet_katana_modern_style.png)
Check Out Katana’s Sharp, New Look
Sabre products have already started designing beautiful applications.
![](https://sabre-spark.s3.amazonaws.com/site_assets/im-katana/katana_look_hotel_dash.png)
![](https://sabre-spark.s3.amazonaws.com/site_assets/im-katana/katana_look_discover_sabre.png)
![](https://sabre-spark.s3.amazonaws.com/site_assets/im-katana/katana_look_switch_to_sabre.png)
New Theme, Same Code
If the code looks familiar, that’s because it hasn’t changed! We’ve created a new stylesheet/theme for Katana on top of existing v3 code, resulting in an easier transition for product teams already using Spark.
<div class="spark-accordion">
<section class="spark-accordion__drawer">
<header class="spark-accordion__header" tabindex="0" aria-controls="example--unique-drawer-id" aria-expanded="false">...</header>
<div class="spark-accordion__content" id="example--unique-drawer-id">...</div>
</section>
</div>