IAtB iDsE iGnH hJeKrLeM sOoPmQeRwShTeUrVeW
    ← All themes
    Food & drinkRev. 01

    Crema

    Paper, soot and ember. Torn edges, drifting beans and a marker pen, for a roaster with a point of view.

    For a roaster who sells conviction as much as coffee, whose store has to feel like a poster on a cafe wall and still take an order in two clicks.

    $149Open the full shop →
    Rendering Crema

    Live — scroll inside the windowWalk around it →

    Paper#F1EDE6

    The page, the review cards, the perk card. Warm, never white.

    Soot#141210

    The dark bands, type on paper, the hard shadow under every button.

    Ember#E4692A

    Everything you press, the stars, the subscribe band, the loading bar.

    Leaf#2E9A4E

    Anything certified: the organic dot, the first pillar, the first icon.

    Ash#D9D2C6

    Hairlines and card edges on paper. Never a fill.

    Built the way a small-batch roaster with attitude builds a store: a poster of a hero with stamped badges, a hand-written line that wiggles above a heavy caps headline, three bags fanned like cards and beans drifting across the whole thing; then paper tears into soot and a band of reviews scrolls past forever. Below, a grid of drawn icons in the brand's colours, a spotlight that lights one bag at a time with its tasting notes and a roast meter, three numbered pillars with a marker word and a framed photograph, and the story pinned to a board of tabloid headlines with string between the pins.

    Paper ground, soot bands, one ember orange for everything you press and one leaf green for anything certified. Headlines are a condensed grotesk in capitals; labels and reading are a monospace; one hand-drawn marker face carries the personality. Buttons are slabs with a hard black shadow that press flat under the pointer. Edges are torn, never straight. Every motion runs on transforms alone, pauses off screen, and stands down for a reader who asked for less.

    Nine sections come with it and exist nowhere else: the bean hero, the torn edge, the review marquee, the why-us grid, the roast spotlight, the pillars, the story board, the stamp call to action and the subscribe band. It ships with its own stamp wordmark in three colours.

    How it is made

    Display
    Oswald
    Bold · capitals · +1% tracking · 0.95 leading. Headlines, product names, the big questions.
    Marker
    Permanent Marker
    One line per headline, in colour, each word wiggling two degrees. Never a paragraph.
    Reading
    IBM Plex Mono
    Regular · 15px · 1.6 leading. Paragraphs, reviews, perks. Uppercase at 11px for labels and badges.

    Made of

    • Buttons are slabs with a 4px black offset shadow; under the pointer they slide onto the shadow and press flat on click.
    • Bands tear into each other along a ragged SVG edge rather than meeting on a line.
    • Beans drift across the hero and pop in and out over tinted discs; the field pauses when it leaves the screen.
    • Photographs sit in a rounded frame with a coloured twin offset behind them, which slides on hover.
    • The spotlight is a dotted halftone beam; bags either side are dimmed and shrunk, and the light moves on arrows, keys, a swipe or a timer.
    • The story board is a wall of tilted tabloids with coloured pins and string; the cards drag sideways.

    Voice

    Blunt, funny, first person plural. Short sentences. Say what is in the bag and what it is not. Never use the word artisan.

    Sections only this theme has

    • Bean heroBadges, a marker headline that wiggles, two buttons, fanned bags and beans drifting across it all.
    • Torn edgeA ragged paper tear from one colour into the next.
    • Review marqueePaper review cards scrolling forever across a dark band.
    • Why usA grid of drawn, coloured icons with a label and one line each.
    • Roast spotlightA carousel that lights one bag at a time, with tasting notes and a roast meter.
    • PillarsNumbered statements: a marker word in colour, a heavy line, a paragraph and a framed photo.
    • Story boardMilestone cards pinned over a wall of tabloid headlines, scrolled sideways.
    • Stamp call to actionA caps headline with a marker line, a row of badges and one pressed button.
    • Subscribe bandAn orange band pitching the subscription, with a paper card of perks.

    Designed around

    Small Hours

    Organic, small-batch coffee roasted for the ones who are up before the sun.

    Roasts · Bundles · Gear

    An invented business, used to build and preview the theme. Nothing here is for sale.

    Put Crema on your shop

    $149 once, for one shop, yours for good — there is nothing to renew. Buying it changes nothing until you apply it, and applying it keeps the words you have already written.

    Buy Crema · $149

    You will be asked to sign in and pick which of your shops it is for. Payment is handled by Stripe.

    Drawn for roasters and drinks brands. What a shop for this work needs covers the rest of it.

    If you want this one adapted to your shop, or something built from nothing, that is a conversation rather than a checkout. ex@akashi.studio

    Coffee shop online store template — Crema, a Stashed theme