Templates/Coffee Journal
Food & Drink

Coffee Journal

A moody, amber-toned coffee journal for serious home baristas. Log brews, dial in recipes, rate roasters — with beautiful bean photography and warm dark aesthetics.

5 screens

Journal

Dial In

Roasters

Stats

Profile

About this template

Coffee Journal is a food & drink app template designed by FireVibe AI. It includes 5 screens: Journal, Dial In, Roasters, Stats, Profile. The design uses a dark color scheme with Playfair Display for headings and DM Sans for body text. Every element — colors, typography, images, and layout — was generated by AI from a single prompt in under 3 minutes.

Tone

Moody, warm, artisanal — the feeling of a dimly lit third-wave café at 7am, steam rising from a ceramic cup, the smell of freshly ground Ethiopian Yirgacheffe

Target audience

Serious home baristas and specialty coffee enthusiasts aged 25–45 who obsess over grind size, water temperature, and bloom time — the kind of people who own a Fellow Stagg kettle and a Timemore scale

Design direction

Grounds & Glory is a journal that feels like it was designed inside a candlelit specialty café at closing time — warm, intimate, and unhurried. The canvas is near-black espresso (#0F0D0B), not a flat digital black but a brown-tinged darkness that feels organic. Cards lift off this surface in dark roast brown (#1A1510) with barely-there borders in a toasted umber (#2E2318). The hero accent is a hand-thrown ceramic amber (#C87941) — not a neon orange, not a golden yellow, but the exact color of a properly extracted espresso crema catching morning light. Typography pairs the editorial authority of Playfair Display for brew names and section headers (italic for tasting notes, creating a wine-list elegance) with the utilitarian clarity of DM Sans for all data, labels, and UI chrome. Tasting note chips use a muted sage green (#6B8F5E) for finish/aftertaste descriptors and the amber primary for primary flavor notes — a subtle color language serious users will internalize. Every photo is treated as a piece of art: full-bleed, edge-to-edge with a subtle vignette gradient at the bottom to let white text float over it. The overall feeling is Letterboxd's reverence for its subject matter applied to coffee — this is a place where people who care deeply come to document something they love.

Color palette

card
input
muted
accent
border
primary
success
secondary

Typography

Headings: Playfair Display · Body: DM Sans

Design inspiration

Untappd, Vivino, Letterboxd

Like what you see? Clone it and make it yours.

Start free