What’s Atmosphere?
Atmosphere is a design system built and supported by Boeing designers and developers. The library includes in-depth UX guidance and UI component implementations with Angular Material.
Atmosphere is organized in four main parts: foundations, styles, components, and patterns. Each section includes design guidance and tools to help you build with the design system.
UX Foundations
Learn about the basics behind Atmosphere, from design principles to layout and content guidance.
Styles
Explore UI visual treatment and guidelines across Atmosphere’s color system, shape & radius, typography and iconography.
Components
Dig into the details for design and code with Atmosphere’s component documentation. Learn about use cases, functionality and specs.
Patterns
Learn about how components are combined to create patterns. They aim to standardize common actions Boeing product ecosystem.
Design
Design UI kit, templates and downloads to help you get started in Figma crafting screens and interfaces that align with the Boeing brand language.
Atmosphere Foundations and Components Library
A Figma UI toolkit designers can use to get started creating digital products with Atmosphere’s design system.
Atmosphere Icons Library
A Figma library that holds Atmosphere’s icons. Make sure to enable this library in your files in order to get access to different icons.
Downloads
Get access to Boeing’s Meso font family and other branding assets.
Develop
The latest Boeing components, updates, and documentation to help you begin building products and ensure your resources are up-to-date.
Developer documentation
Get started with contributing to or using the DLS in your product.
GitLab: Global Assets Library
A framework-independent toolkit for implementing the DLS in your project.
GitLab: Global Angular Library
An Angular implementation of the DLS.
Storybook: Global Angular Library
Explore the DLS Angular components.
Changelog
Track ongoing development of the DLS into code.
Contact
Communicate and collaborate.
Report a bug
Contact our team with any bug issues encountered throughout the code or components library.
New component request
Submit requests for new or modified components that build on Atmosphere’s current Figma library.
How to contribute
Connect with our team in order to collaborate on future projects.
Meet the team
Learn more about the team behind Atmosphere.