Skip to main content

Core features for all Forge applications

The core components serve as the visual foundation for consistency for Forge applications and are the components every app should include.

Use these key features for "out-of-the-box" consistency across applications.

Image of the core components as demonstrated in a Forge app.

Parts​

All Forge apps require the following visual elements.

App bar​

The app bar is a user’s personal navigation kit. It holds everything a user needs to navigate the app they’re currently in, apps they typically go to, and apps they might need, as well tools to customize their navigation experience through notifications, language options, and help resources.

App launcher​

App launcher is a persistent navigation component for users to switch context. It is a personal local map to navigate the ecosystem of your apps. It lives in the user information section of app bar and is represented by the Apps icon.

Scaffold​

The scaffold provides the basic page layout for Forge apps.

The scaffold is the foundation of layout in Forge apps. The scaffold places the main content of the page:

To learn more about using and implementing the scaffold, check out the component page here.

Color​

The Forge color system uses an organized approach to applying color to your UI. In this system, a dedicated brand color, along with a primary and secondary color, are used to represent your brand.

Typography​

Forge provides a purposeful set of typographic styles. Consistently tying typographic styles to appropriate sections and functions in an interface creates clear visual patterns and expectations.

Icons​

Forge provides a purposeful set of iconography. Consistent iconography is an expression of brand and creates clear visual patterns and expectations.