Latitude Design System ·

Latitude is an open source design system built by Flexport.

Latitude is currently designed only for internal use at Flexport. If you're not at Flexport, feel free to poke around, but we don't recommend using Latitude. (At least, not yet.)

🚀 Overview

Our mission at Flexport is to make trade easy for everyone. For those of us charged with building the technologies to realize that mission, this means creating intuitive, scalable, and reliable experiences that users love. The foundation for those experiences is our design system: Latitude.

Latitude was created to give Flexport a standard set of design principles and elements. It provides flexibility to design a diverse range of user-delighting products. It is a common visual language that ensures quality and consistency – aligned with our brand, across our organization. What’s more, Latitude helps us work efficiently, without having to continually recreate assets or patterns.

We’ve built Latitude to drive great user experiences with the flexibility to foster innovation. Learn more from our introductory blog post.

🙌 Contributing

Latitude is currently designed only for internal use at Flexport. If you're not at Flexport, feel free to poke around, but we don't recommend using Latitude. (At least, not yet.)

📣 Flexport engineers: we believe that our design system is strongest when everyone contributes. Check out the contributing doc for a getting started guide.

📚 Documentation

• Our documentation site is the source of truth for our design guidelines and React components.
• The site is built from our monorepo (for now) but component docs are generated from the sourcecode in this repo!

📃 License

Latitude is MIT licensed.