Goals
The overall goal of Forge is to make it as easy as possible for our internal partners to deliver and update experiences inhabited by and evolving with our broader brand identity.
Modularity
Deliver individual elements (atoms) that can be presented in various combinations (organisms) to solve individual needs
Consistency
Extend the brand's visual identity, tone of voice, and writing style that can be consistently applied to create an integrated experience across all touchpoints
Extensibility
Adhere to a common structure of design and code that can easily flex to accommodate new needs or adapt in support of changing business goals and customer needs
Agility
Empower teams by providing a modular, consistent, and extensible framework that can be easily and efficiently leveraged to move more quickly from concept to delivery
Audience
Developers
- Code delivery – provides frontend code for features and their variants that can be ingested or copied to deliver solutions
- Coding guidelines for new feature development
Designers
- Plug and play design solutions that can be applied to specific problems
- Design foundations and principles to be utilized for new feature development
- Example layouts focused on specific content types and use-cases
Authors, site owners, and strategists
- Content guidelines
- Reusable components and layouts that can be applied to specific content needs and business goals
Resource overview
- Design core - color, typography, iconongraphy, interaction principles, grid structure and spacing specifications, animation and illustration guidelines
- Components - detail page for each component including interactive component visuals, overview, and code snippets with properties selectors, development guidelines
- Example layouts - detail page for each component including interactive component visuals, overview, and code snippets with properties selectors, development guidelines
- Content guidelines - UX writing guidelines, style-guide, brand tone of voice, taxonomy overview usage guidelines