Tiffany Mao
an engineer-trained designer who loves whimsy
New to Contra
Tiffany is building their profile!
My submission for the makeathon: tintura!
Try it here: https://tiffanytfmao.github.io/Tintura/
I built a color diary for the things that stop you mid-walk.
It's called tintura!
As a designer, my phone is full of the thousands of photos for "future color references", but they often get lost in the huge void of my camera roll. You photograph something you notice — the way the red flower stands out against the grass, or the way the tree's shadow is slightly green. Then Tintura helps you turn that moment into a named palette: your colors, your words, saved into a diary that slowly becomes a map of how you see.
A few decisions I'm proud of:
The Roll — when you capture a photo, it doesn't go straight into your diary. It gets blurred, like undeveloped film, until you're ready to sit with it and pick the colors. I felt like the distance between noticing and remembering was different enough to be implemented.
The eyedropper constraint — you can only pick colors that actually exist in the photo so that the palette is evidence of what was there.
The blend — select two entries, and Tintura merges their palettes using CIELAB perceptual color science. Then its up to you to adjust as you like!
Over time, your diary becomes something else: a record of your own taste. The colors that you keep noticing, again and again. The palette of how YOU actually see.
I built this because I'm a designer who can't stop noticing things, and I never had anywhere to put it. Made in Figma and Figma make and finished in Github — there's no backend, no external APIs, zero hardcoded palette data. Everything in the diary is yours!
Link to LI post: https://www.linkedin.com/posts/tiffanytfmao_configmakeathon-ugcPost-7473456751842078721-R_vQ/?utm_source=share&utm_medium=member_desktop&rcm=ACoAACo6c4ABgy6kcrccje5q-GZOKA7PVNq0hxk
Link to community ver: https://www.figma.com/community/file/1649155084430296035
1
11
102