Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Standardize primary hue across design system #1224

Merged
merged 2 commits into from
Apr 22, 2024
Merged

Standardize primary hue across design system #1224

merged 2 commits into from
Apr 22, 2024

Conversation

aaazzam
Copy link
Collaborator

@aaazzam aaazzam commented Apr 22, 2024

Prefect uses hsl(228+-, 6+-, lightness) to parameterize a family of blues to create depth throughout its UI.

This PR collapses the small variations in hue and saturation to create a better-practice family of background depths.

The thirteen or so primary color variations are collapsed to the single one in red:

image

This has little-to-no visual distinction in the UI, but sets us up for a better devex against this smaller surface area of colors.

@aaazzam aaazzam requested a review from a team as a code owner April 22, 2024 14:55
Copy link

netlify bot commented Apr 22, 2024

Deploy Preview for prefect-design ready!

Name Link
🔨 Latest commit a35717f
🔍 Latest deploy log https://app.netlify.com/sites/prefect-design/deploys/66267a74c29e840008abad6d
😎 Deploy Preview https://deploy-preview-1224--prefect-design.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@aaazzam aaazzam merged commit c05e311 into main Apr 22, 2024
6 checks passed
@aaazzam aaazzam deleted the consolidate-hues branch April 22, 2024 14:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants