Grid-Paper Beverage Brand Site
Un sitio de bebidas que se lee como la etiqueta: exacto, sin florituras.
Convierte tu IA en un creador de sitios de marca para una marca de bebidas: diseña un sitio de una página con un sistema de papel milimétrico tipo ficha técnica (composiciones medidas, bloques de especificaciones honestos, cuadrícula de sabores), con gama de sabores, información nutricional y un camino de compra o de distribuidores. Para marcas de bebidas cuyo sitio debería leerse como la etiqueta: exacto, sin florituras.
Instálala en 3 pasos
Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.
¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.
Qué incluye
Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:
Grid-Paper Beverage Brand Site
When to use
- You sell a drink (soda, seltzer, cold brew, kombucha, juice, energy) and your site is a generic shop template
- Your label already does the hard work — exact ingredients, real numbers — but your site hides it behind lifestyle copy
- A new flavor launch needs a page that shows the specs, not just a mood photo
- Stockists, buyers, and press keep asking for the same facts (ingredients, nutrition, pack sizes, MOQs) and there is no single page to send them
- You need a single-page brand site a small team can maintain without a developer
Workflow
- Collect the spec sheet (input: labels, nutrition panels, price lists → output: spec brief)
Gather the exact facts for every flavor: full ingredient list as printed on the label, nutrition facts per serving, pack sizes and case counts, prices, allergen and dietary notes (vegan, gluten-free, caffeine content), and stockist/wholesale terms if you sell B2B. Copy numbers from the label, never from memory — a site that disagrees with the label by one gram is a site nobody trusts. If a fact is not on the label and not verified, it does not go on the page. - Structure the page (input: spec brief → output: section outline)
Order the page like a spec sheet a buyer can scan: hero (one drink, one promise, one buy button) → flavor grid (every flavor, one cell each) → the spec block (ingredients + nutrition, per flavor, expandable) → how it's made (process in 3–4 measured steps) → buy/stockist path (retail buy + wholesale enquiry, kept separate) → FAQ (caffeine, storage, shelf life, shipping) → final buy block. Every section answers the next question a buyer or stockist would ask; lifestyle copy earns its place only if it carries a fact. - Design the grid-paper system (input: outline → output: styled page)
Build a disciplined graph-paper system: white background with a faint grid, thin ruled lines separating every block, monospace or tabular numerals for every number, one ink color for text, one accent for the single buy action. Flavor cells sit on the grid like samples pinned to a sheet — aligned, measured, evenly spaced. Numbers line up in columns; nothing is centered "for balance" at the cost of scannability. The grid is the brand: precise, honest, a little technical. - Write the flavor cells (input: spec brief → output: flavor grid)
Each flavor gets one grid cell: name, a plain-language taste line ("tart yuzu, light fizz, dry finish"), key numbers (calories, sugar, caffeine per serving), price, and a buy button. No health claims you cannot back up — "5g sugar per can" is a fact, "guilt-free energy" is not. If a flavor contains caffeine, allergens, or anything age-restricted, that fact is in the cell, not buried in a footnote. Expandable spec blocks under the grid carry the full ingredient list and nutrition panel per flavor. - Ship the buy and stockist paths and check them (input: styled page → output: live site + path tests)
Wire retail buy buttons to the real checkout and wholesale enquiries to a real form or contact — never mix the two paths on one button. State shipping areas, minimums, and subscription terms (if any) next to the button. Then walk both paths on a phone: buy a case as a customer, and send a wholesale enquiry as a stockist. Check the grid renders cleanly on a small screen (grid lines stay faint, numbers stay aligned), prices match checkout, and the FAQ answers match reality.
Vista previa de la plantilla
Grid-Paper Beverage Brand Site — Site Template
The label is the source of truth. Copy numbers from the label, never from memory.
Brand: {name} — {one-line promise}
Pack sizes: {e.g. 330ml cans, 12 per case} | Shipping areas: {areas} | Minimum order: {n}
Flavor grid (one cell per flavor)
Spec block (per flavor — copied from the label)
{Flavor}:
- Ingredients: {full list as printed on the label}
- Nutrition per serving ({serving size}): {panel copied from the label}
- Dietary notes: {vegan / gluten-free / ... — only if on the label}
- Source check: [ ] matches the printed label
Page outline
El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.
