Welcome to Fly

Fly is our design system: the principles, processes, styles, and components that make up our app and brand's design.

Why do we have a design system?

Creating and documenting a design system allows our product and marketing teams to establish and implement a consistent design direction. The guidelines here allow use to scale, manage design debt, build in accessibility, and iterate quickly. We can make quicker and more informed decisions, which leads to a better product. We can use our most precious resource, time, to do more design exploration.

What is the purpose of this documentation?

  1. Provide guidelines to build a more cohesive app experience

  2. Understand when and how to explore/deviate from our current patterns

  3. Force us to articulate our opinions so we can make guided decisions

  4. Scale/amplify each individual's work by making it accessible for others on the team

  5. Store resources for new team members

  6. Audit our current system - view it holistically - so we can make improvements

  7. Facilitate visual design changes by organizing the components and styles that will need to change

Design System Status

December 2018 we:

  • Finished off the color, typography, and iconography

  • Developed design principles

January 2019 we:

  • Started using the styles and principles to guide a UI Refresh

As of June 2019

  • Worked through structure, responsiveness, and released a UI refresh

Up next

  • Start documenting components