Learn about visual thememore

Design

Styles

SKY UX components are assembled from a small set of core design elements. These design elements act as the building blocks for the components and allow you to build user interfaces that incorporate SKY UX styles and patterns.

Accessibility
Accessibility classes help you deliver highly accessible experiences with SKY UX.
Borders
Line styles explain how to bound, divide, and highlight content and maintain visual hierarchy.
Colors
Color guidelines provide base colors to convey meaning in backgrounds, borders, and text.
Motion
Motion guidelines explain the principles and physics of how to use motion in SKY UX animations.
Spacing
SKY UX uses margins and padding to separate items and ensure page content flows together.
Typography
Semantically defined font classes ensure consistency and enforce visual hierarchy for text.