Vendimara
Boutique winery
A grape cluster whose lower grapes turn into a wave: coastal wine.
Typefaces: Libre Baskerville · Raleway
The brief
A boutique winery sells both the wine and the experience. The grape cluster turning into a wave says "coastal wine" without words; burgundy and old gold set the tone of a carefully made label, and the website brings store, club and visits together.
The brand in use
Project sheet
| Industry | Boutique winery · Food and drink |
|---|---|
| Promise | Small-lot wines, with a subscription club. |
| Highlights | Small lots · Wine club · Home delivery |
| Call to action | «See the wines» |
| Website | Online store with the headline «Coastal wines, bottle by bottle» |
| Services shown | Brand identity · Web design · Social media and content · Automation · Apps and software |
| Measured contrast | Text 10.9:1 · button 4.6:1 (the WCAG minimum is 4.5:1) |
Website · Online store
Coastal wines, bottle by bottle
The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.
- 5,1 KB HTML and CSS
- 0 JavaScript libraries
- 5 sections
How it is built
Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:
:root{
--fondo:#f3ecdf;
--tinta:#5c1a2e;
--acento:#b69664;
--tinta-boton:#5c1a2e;
--oscuro:#5c1a2e;
--sobre-foto:#ffffff;
--titulo:'Libre Baskerville',Georgia,serif;
--letra:'Raleway',system-ui,sans-serif;
--radio:4px;
}
The main button sends the customer to one next step:
App or software
Wine club app with monthly selections and tasting notes.
One screen for the customer and another for the team running the service, sharing the same brand system.
Automation
What happens when a customer arrives
- A customer subscribes or renews
- Payment is taken and the month's order is created
- A shipping or access notice is sent
- Before it expires, a renewal message goes out
Run a business like this one? See what your website needs.
Tell us what you sell and where it gets stuck.
We'll reply with what we'd do, what it costs and how long it takes.