Colour
The palette and how it feels. Warm or cool, quiet or loud, and whether it sits right for Coff & Co.
v2
Design review, July 2026
Three directions for the new coffco.com.au
Welcome, Jason, Casey, Dino, Andy and Steve.
Thank you for taking the time to review this work. On this page you will find three design directions for the new Coff & Co website, each presented as a style tile, plus a quick guide to leaving your feedback.
Coff & Co is a Melbourne coffee roaster, and the new site serves two audiences in equal measure: households buying coffee by subscription, and offices arranging coffee for their teams. As you look at each direction, keep both audiences in mind.
01
What you are looking at
These are design directions, not final designs. Nothing here is a finished website, and nothing is locked in.
Each direction is shown as a style tile: a single sheet that collects the raw ingredients of a visual identity for the site. A style tile is not a page layout. It does not show where the menu sits, how the homepage flows, or what goes where. It shows the elements those pages would be built from.
So when you open a direction, please react to the elements themselves, not to arrangement or composition. Full page designs come later, once one direction has been chosen.
Judge the ingredients, not the plating. Full page designs follow after a direction is chosen.
Typography
The voice of the words. Serious or friendly, editorial or functional, and how readable it feels.
Buttons and components
The working parts: buttons, forms, price treatments and product cards. Would you click them?
Illustration and tone of voice
The character of the brand. How it draws, how it speaks, and whether it sounds like Coff & Co.
02
The three directions
Direction 01 ↗
Roaster's Table
Craft and editorial
Quiet specialty confidence, expressed through cream and roast ink with a serif display voice. The roaster's knowledge leads.
Look forDoes this feel like Coff & Co? Does the editorial tone earn your trust, or does it ask too much of a busy buyer?
Open this direction Direction 02 ↗Scooter Run
Playful Melbourne character
The kept illustrations lead, carried by warm pinks and friendly type. Personality first, commerce close behind.
Look forDoes the warmth feel genuine? Would an office manager trust it with a standing order?
Open this direction Direction 03 ↗Benchtop
Productised modern commerce
Published pricing and clarity as the interface, in clean neutrals with a single electric accent. Buying made obvious.
Look forIs the pricing as clear as it claims? Does anything feel cold for a brand built on hospitality?
Open this direction
03
How to review
-
Step 01
Open each directionUse the cards above. Each direction opens on its own page, so you can take them one at a time.
-
Step 02
React with the panelEvery direction page carries a Share your thoughts panel. Pin a comment to anything on the page and say what works for you and what does not.
-
Step 03
SubmitSend your comments when you are ready. There is no right number: one honest reaction per direction is already useful.
Your name travels with your comments, so the design team can follow up with you if a point needs more detail. Comments are shared within the project team only.