trainual/saguaro

Trainual's Design System

saguaro

Trainual's Design System

Take a gander at our Storybook!

Why the name?

1. Structure and Stability: Saguaro cacti have a strong, stable structure that helps them withstand harsh desert conditions. Similarly, a design system provides a stable framework for maintaining consistency and structure in design elements across various products and projects.
2. Adaptability: Despite the challenging environment they grow in, saguaro cacti adapt and thrive. Similarly, a design system allows for adaptability and scalability, ensuring that designs can evolve and remain effective over time.
3. Iconic and Recognizable: Saguaro cacti are iconic and instantly recognizable. Likewise, a well-implemented design system can create a distinct and recognizable visual identity for a brand or organization.
4. Growth and Expansion: Saguaro cacti grow over time, adding arms as they mature. This growth parallels the scalability and expansion capabilities of a design system, which can accommodate the development of new products and features.

saguaro's Issues

Create helpers to use palette colors outside of hooks

This would involve creating two separate helper methods one for returning a boolean if a string value matches a palette variable(ex: blue[20]) and another for returning the hex value of a variable based on the string. This could involve using the first helper to check if it is a match and if so return the proper hex value.

See ContentColorDecoder as an example of one way to accomplish this in the app that could be moved into saguaro and exposed to the application through saguaro