Studios XeniaSazonera
Sauces and spices
A mortar with a chili-shaped flame. Paprika and turmeric: the palette comes from the pantry.
Typefaces: Alfa Slab One · Karla
The brief
A sauce brand gets picked off the shelf in seconds. The palette comes from the pantry and stands out on a shelf, and the online store sells bundles and recipes so customers try more than one flavour.
The brand in use
Project sheet
| Industry | Sauces and spices · Food and drink |
|---|---|
| Promise | House sauces and spices, no filler. |
| Highlights | House recipes · Heat levels · Gift packs |
| Call to action | «See products» |
| Website | Online store with the headline «Flavour is not negotiable» |
| Services shown | Brand identity · Web design · Social media and content · Automation · Apps and software |
| Measured contrast | Text 13.6:1 · button 6.3:1 (the WCAG minimum is 4.5:1) |
Website · Online store
Flavour is not negotiable
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.
- 4,9 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:#fafafa;
--tinta:#2b2b2b;
--acento:#e3a018;
--tinta-boton:#2b2b2b;
--oscuro:#2b2b2b;
--sobre-foto:#ffffff;
--titulo:'Alfa Slab One',Georgia,serif;
--letra:'Karla',system-ui,sans-serif;
--radio:4px;
}The main button sends the customer to one next step:
App or software
Recipe and shop app with pairings.
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
- An order arrives by site or WhatsApp
- The agent confirms items, address and payment
- It is logged in the sheet and stock is updated
- The team is alerted and the customer gets tracking
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.