The mark
Drawn stroke by stroke from the original brand sheet. The small version keeps only the wordmark, and the favicon only the gold stroke.
Tamr Date Co.
Bringing premium dates to your door.
- Role
- Brand identity, Packaging, Commerce engineering
- Built with
- Vue 3, Vuex, Stripe, Netlify
- Years
- 2020–2022
- Live
- tamrdate.co ↗
Tamr promotes quality, eco-friendliness and transparency, which asks for a clean and simple aesthetic. The identity pairs a restrained grey wordmark with a single gold stroke, and it had to work on a box as well as on a screen.
The shop was built as a Vue 3 single-page app with its own bag and checkout, so the brand carries all the way through to the moment someone pays.
Colour
The brand's three colours: date gold, honey and stone.
Icons
The brand's icons. The shop reuses them, from its category buttons to its tasting notes.
The shelf
Three categories and the products in each, photographed as cut-outs so they sit on any page.
Tasting notes
Each coffee lists what it tastes of, with an illustration for every note.
Origins
Each date and coffee on the shop's own map, with the region it's grown in and its season.
Choosing a weight
Three sizes of the same box, printed with the mark in black. Pick one and the box and the price change with it.
Adding to the bag
The button confirms with a drawn checkmark while the dates fly into the bag and its count goes up.
The code
116 commits, made on 43 separate days, in 4 repositories.
- tamrdate-webapp62
- tamrdate-web48
- tamr-stripe5
And 1 smaller repository, with 1 commit between them.