Press Kit
Crema — media & brand assets.
Everything you need to write about, link to, or feature Crema — the espresso journal at crema.live.
One-liner
The primary pitch. Copy-paste.
Primary
Crema is a quiet espresso journal. Log every bag, rate every brew, and watch it learn which grind actually works for you.
30-word pitch
Crema is a free espresso journal for your phone. Snap a bag, OCR fills the details, rate each brew, and Crema suggests the grind that's worked for you on similar roasts.
100-word pitch
Crema is a small, beautifully-opinionated espresso journal. Photograph a new bag and on-device OCR extracts the details. Track each dial-in attempt — dose, yield, time, grind, taste, texture — and rate the drinks you make (espresso, cortado, iced latte, cappuccino, or your own). As your history grows, Crema suggests starting grind settings for new bags based on your own ratings on similar roasts. No app store, no account wall (guest mode keeps everything local), no tracking, no ads. Runs as a PWA, installs to your Home Screen, syncs across devices when you sign in.
Taglines
Use the primary first. Everything else is swap-in.
- PrimaryYour espresso, dialed in.
- AltA quiet espresso journal.
- AltLog the bag. Nail the recipe.
- AltStop re-dialing the same bag twice.
- AltRemember what worked.
Logos
SVG — scale, recolor, embed anywhere. Right-click → Save Image As.
Social cards
Drop these straight into Twitter / X, Instagram, LinkedIn.
Screenshots
Rendered with the real app's HTML + CSS — pixel-identical to production. Each card has a Download PNG link that renders a 1080 × 1920 PNG on the fly (needs Node + Playwright — see README).
To regenerate every PNG at once, run
npm run export-png
from brew/docs/press-kit/.
Instagram stories
1080 × 1920 portrait, ready to upload. Tag the roaster on the story for max reach.
Dial-in carousel (6 slides)
1080 × 1350 portrait — Instagram 4:5 sweet spot. Drag all six into the post in order: cover → problem → log → rate → lock → tune.
To regenerate, run
node carousel-dial-in-export.mjs
from brew/docs/press-kit/.
Taste profile reel (30s)
1080 × 1920 mp4 — ready to drop straight into Instagram Reels. Voiceover script in voiceover.md.
Product Hunt demo
30-second auto-playing loop at 1920 × 1080. Open, screen-record one full loop, upload to PH. Recording recipe in demo/README.md.
Key features
The list, lifted for bullet slides.
- Snap & auto-fill — client-side OCR extracts brand, origin, process, roast, weight, altitude, notes.
- Built-in photo editor — 4:5 crop, rotate, enhance. Shelf stays visually consistent.
- Dial-in companion — two-panel form: Parameters (dose, yield, time, ratio, grind) on top, Results (taste, texture) underneath. Every attempt counted on the bag.
- Ratings that teach — Crema suggests starting grind for new bags, weighted by your own 4/5-star pulls on similar roasts.
- Four drinks + custom — espresso, iced americano, iced latte, cappuccino, or your own (cortado, flat white, V60…).
- Share a bag — one tap publishes just the dialed-in recipe + two bag facts. Web Share API on mobile, clipboard fallback elsewhere.
- Financial view — total spent, avg €/shot, bags finished; a cost-per-shot ladder finds your best value (highest rating ÷ cheapest pull).
- Gear catalogue — machines and grinders you actually use, from Breville Bambino to Decent DE1 Pro and Timemore Sculptor 064S.
- Active / Finished shelf — history stays, clutter doesn't.
- A real journal — top picks, 30-day timeline, grinder sweet-spot chart.
- Guest mode — no email, nothing leaves the browser.
- Sync — sign in with Google; guest data merges into your account.
- Export — one-click JSON dump of everything.
- Works offline — service worker precaches the shell so Crema opens with no network.
- Installs like an app — PWA with Home Screen icon, full-screen, survives Safari storage eviction.
- Secure — Postgres row-level security, private photo bucket, no passwords server-side.
- Free & ad-free — optional Buy Me A Coffee is the only money.
Brand palette
The whole thing lives on cream, accented with espresso.
Typefaces: Fraunces (display, 400/500, italic for accents) · Inter (UI, 400/500/600).
Technical profile
- Stack — Vanilla JS, ES modules, no build step. Single CSS file + feature-folder architecture.
- Auth — Google OAuth via Supabase.
- Database — Supabase Postgres with Row-Level Security on every table.
- Storage — Supabase private photo bucket (signed URLs).
- OCR — Tesseract.js, client-side only.
- Host — GitHub Pages + CloudFlare on a custom domain.
- Telemetry — Sentry for crashes. No analytics, no ads.
- Open source — MIT-licensed repo.
Contact
Built by Nour. For quotes, screenshots, interviews, or to flag anything broken.
Press