Menu

1 / 2

One palette in a package, 28 CSS variables beside it, and the file that calls itself the source of truth is still green

DEV Community: reactnative·Daniel Pertu·8 days ago
#WhK8qhTt
#devtoreactnative#devto#dev#palette#design
Reading 0:00
15s threshold

Munchable is a barcode scanner for people with digestive conditions. You point a phone at a pack and it answers for your own set of conditions. The whole product is one look, which the team notes call "Cookie and Cream": a cream base, cocoa ink, cookie gold and caramel for the playful parts, one pink pop for sprinkles.

You can see it on the landing page , in a condition guide like the IBS and low FODMAP one , and on a recipe page such as gentle rice congee . Keep one of those open, because the point of this post is that a repository can hold several descriptions of its own colours, and only the live pages tell you which description won.

Three surfaces, one look

Three things have to look like Munchable: the Expo app, the marketing site, and the Remotion compositions that render a phone running Munchable for social video.

The third one is why a token package exists at all. The reels used to carry a hand-copied palette under a comment promising it mirrored the app:

/** * The reels' look is the app's look.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.