Aurodesign system

Welcome to Auro

Design philosophyStatusReleasesSupport

Getting started

Engineering Start GuideDeveloper supportDesign tokensWCSSContributingWC-GeneratorCSS guidelinesCommon defsAuro complianceFormkit

Guide

ColorTypographyIconsVoice and tone

Components

AccordionAlertAvatarBackgroundBack to TopBadgeBannerButtonCardCarouselCheckboxComboboxCounterDatepickerDatetimeDialogDrawerDropdownFlightFlightlineFormHeaderHyperlinkIconInputLoaderLockupMenuNavPanePopoverRadioSelectSidenavSkeletonTableToast

Utilities

Auro Theme Switcher

CSS

ShadyCSSCSS custom properties

Dev resources

Automated testingBrowser supportNode supportPolyfillsThe <slot> elementAccessibility statement
OverviewDigital PalettePersonality Palette

Digital Brand Palette

Background

page header

User Interaction

Border

For light backgrounds

For dark backgrounds

Text

For light backgrounds

For dark backgrounds

Icon

For light backgrounds

For dark backgrounds

Alerts / Messaging

© Copyright 2019-present Alaska Airlines, inc. All rights reserved.