Beixu Coffee
A site for a small-batch roastery: the hero draws a live roast curve, and the bean list is styled like bag labels.
Original from name and visual identity to code. The whole page is built around the roast curve: the hero curve is integrated second by second from a realistic rate of rise, and the temperature, time, phase readouts and the yellowing, first-crack and drop markers all come from the same model.
Below that: a bean list coloured by origin, a roast-level slider that shifts bean colour, drop temperature and tasting notes together, a menu board, two stores and a monthly subscription.
Built for Chinese customers, with Chinese headings that only break at punctuation. Fonts and images are self-hosted — no overseas CDN.
Next project
Cangheng WMS