search

thumbtack / thumbprint

Thumbprint is the design system at Thumbtack.
https://thumbprint.design
Apache License 2.0
202 stars 27 forks source link

Adds color guideline documentation #989

Closed egoens closed 3 months ago

egoens commented 3 months ago

Provide guidelines for how to apply color from a palette perspective (blue, purple, neutral, etc.), as well as from a themed approach (background, border, icon, and text).

Content for the palette and usage pages are pulled from Coda resources that serve as the source of truth Palette: https://coda.io/d/_dbXyUQb2tJW/Color_susdp#_luYqP Color usage: https://coda.io/d/_dbXyUQb2tJW/Color_susdp#_luuQl

Handoff doc https://www.figma.com/design/LgYvyrjOdTGmdH2GJQa6CD/Color-usage-patterns?node-id=3-54&m=dev&focus-id=6-639

Overview

image

Palette

image

Usage / Background

image

Accessibility

image

netlify[bot] commented 3 months ago

Deploy Preview for thumbprint ready!

Name Link
Latest commit 292b326a0d66a0e1807085996e0a6ffd2b4744a8
Latest deploy log https://app.netlify.com/sites/thumbprint/deploys/66ce0fd376e9940008494483
Deploy Preview https://deploy-preview-989--thumbprint.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.

netlify[bot] commented 3 months ago

Deploy Preview for thumbprint-gatsby canceled.

Name Link
Latest commit 292b326a0d66a0e1807085996e0a6ffd2b4744a8
Latest deploy log https://app.netlify.com/sites/thumbprint-gatsby/deploys/66ce0fd35529ab00088c86cf