Chick-fil-A Design System
The Chick-fil-A Design System is a comprehensive repository of reusable elements, components, and design patterns, governed by well-defined standards. The Design System serves to empower product teams to efficiently craft a uniform and cohesive user experience across a range of digital products.
Foundations Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Tokens Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Components The component library is composed of User Interface (UI) components currently built in React as a web framework. These components come pre-tested and will save countless hours of work. Storybook is utilized as a tool to build and showcase our React components in isolation outside of production apps. Storybook is currently hosted within our Chick-fil-A Developer Portal: Backstage. For access, please create a Service Gateway WAS request.
Patterns The pattern library is built out within Figma, an enterprise design tool, and contains the latest foundations, components, and patterns for designing and building Chick-fil-A digital products. Those with a cfacorp.com email address can access Figma by signing in through chickfi.la/figmasso. Partners will need to create a Service Gateway WAS request in order to gain access.