Identidad Visual y Recursos

---
version: alpha
name: ill1 Design System
colors:
  primary: "#7c3aed" # Vibrant Purple (oklch(50.89% 0.233 290.96))
  secondary: "#000000" # Pure Black (oklch(0.205 0 0))
  tertiary: "#ffffff" # Pure White (oklch(0.985 0 0))
  neutral-light: "#f4f4f5" # Light Gray (base-100)
  neutral-dark: "#18181b" # Dark Gray (base-950)
typography:
  display:
    fontFamily: "InterDisplay, sans-serif"
    fontWeight: 400
    lineHeight: 1.12
    letterSpacing: "-0.02em"
  sans:
    fontFamily: "Inter, sans-serif"
    fontWeight: 500
    lineHeight: 1.5
  mono:
    fontFamily: "Geist Mono, monospace"
    fontWeight: 400
shapes:
  corners: "rounded-none" # Sharp bento geometry for structure: cards, grids, containers, cells
  pills: "rounded-full" # Interactive/accent elements: buttons, chips, badges and check indicators
elevation:
  shadows: "none" # Flat layout styling
---

## Overview

The `ill1` brand utilizes a high-contrast, brutalist bento-grid design system. It is characterized by stark color blocks of pure black, pure white, and vibrant purple, aligned to a sharp technical grid using thin border lines and zero corner rounding on structural cells. The one intentional softening is interactive and accent elements — buttons, chips and badges — which are fully-rounded pills. This pairing of a sharp grid with rounded pills creates a highly technical, lightweight, and modern SaaS aesthetic.

## Colors

- **Vibrant Purple (Primary)**: `#7c3aed` / `oklch(50.89% 0.233 290.96)`. Used for brand accent callouts, highlighted words, badges, and high-impact bento cells.
- **Pure Black (Secondary)**: `#000000`. Used for solid background bento cells, primary display text, and high-contrast styling.
- **Pure White (Tertiary)**: `#ffffff`. Used for clean background grids and text on dark cells.
- **Grids & Borders**: `#e4e4e7` (zinc-200) or `#27272a` (zinc-800). All cells are separated by thin `1px` lines.

## Typography

- **Display**: Use `InterDisplay` (`font-display`) at its **regular weight** (normal, no `font-bold`) with tight tracking (`tracking-tight`) and tight line heights (`leading-[1.12]`) for all section headers. The hierarchy comes from size (`displayXL`/`displayLG`/`displayMD`) and tracking, not weight — this keeps the lightweight, technical feel set by the pricing table, which is the canonical reference.
- **Body**: Use standard `Inter` with comfortable reading weights (`font-medium`, `font-normal`).
- **Technical**: Use `Geist Mono` for labels, numbers, and system-level details to convey the technical nature of the product.

## Layout

- **Bento Grid**: Use a grid layout with thin borders (`gap-px bg-base-200`) separating individual cards.
- **Whitespace**: Prioritize spacious paddings inside containers (`p-6` to `p-10`) to balance the heavy typography.
- **Alignment**: Align contents strictly with the container boundaries (`max-w-6xl`) to maintain a clean grid alignment.

## Elevation & Depth

- **Flat Aesthetic**: No drop-shadows are used. Element hierarchy is established entirely through contrasting backgrounds (black vs. white vs. purple) and borders, not depth shadows.
- **Exceptions**: The hero phone mockup utilizes a realistic shadow to represent a real device, but all structural page grids, cards, and pricing cells remain flat.

## Shapes

- **Sharp Corners (Structure)**: All structural geometry — containers, bento cards, pricing cells, grids and cell backgrounds — uses sharp corners (`rounded-none` / `border-radius: 0`).
- **Rounded Pills (Interactive & Accent)**: Buttons, chips, announcement badges and check-bullet indicators are fully-rounded pills (`rounded-full`). This is handled by the `Button` component default, so buttons need **no per-instance corner classes** — never patch them with `!rounded-none`.
- **Exceptions**: The hero mockup keeps a realistic phone shape.

## Components

- **Bento Cards**: A mix of white (`bg-white`), black (`bg-zinc-950`), and purple (`bg-accent-600`) background cells to build dynamic high-contrast layouts.
- **Buttons**: Flat, fully-rounded pills/chips (`rounded-full`, the `Button` component default — no overrides) with medium-weight typography. No drop shadows; variants differ by background (`accent`, `muted`, `alternative`), not by shape.
- **Indicators**: Bullet lists use rounded check pills (`rounded-full` accent circle with a `Check` icon), matching the pill language of the buttons.

==============================================================================
ill1 — BRIEF DE CONTENIDO PARA LLM
Fuente base para generar copy de landing, anuncios, emails, posts, scripts de
venta y microcopy de forma consistente.
Idioma: español (es-MX). Última actualización del brief: junio 2026.
==============================================================================

Cómo usar este documento:
- Léelo completo antes de generar contenido. Es autónomo: explica qué es ill1
  sin necesitar contexto externo.
- Respeta SIEMPRE las reglas de las secciones 8, 9 y 10 (qué decir, qué evitar,
  vocabulario). Son límites de marca, no sugerencias.
- Si un dato no está aquí, no lo inventes (precios, cifras, funciones, clientes).


------------------------------------------------------------------------------
DECISIONES FIJAS (no negociables)
------------------------------------------------------------------------------
- Producto comercial: ill1.
- Landing principal: https://ill1.li
- Link público de tienda: https://pide.ill1.li/{empresa}
  (en copy se muestra como ejemplo: pide.ill1.li/mi-negocio)
- Demo público permitido: https://pide.ill1.li/vinosya
- No usar nombres reales de clientes.
- No usar "24hrsdefiesta" ni marcas/proyectos previos.
- No llamar "PWA" al producto en copy público. Usa: "link", "link de tienda",
  "link de clientes" o "tienda por link".
- No venderlo como "gratis" en el mensaje principal.
- No decir que es "nuevo". El producto ya tiene validación real y miles de
  pedidos procesados en operación real.


------------------------------------------------------------------------------
1. RESUMEN DEL PRODUCTO
------------------------------------------------------------------------------
ill1 ayuda a negocios con venta a domicilio a vender por link, recibir pedidos
en un tablero y coordinar entregas con una operación más ordenada.

Cada negocio publica una tienda pública en su propio link
(pide.ill1.li/mi-negocio) que el cliente abre desde WhatsApp, redes o QR sin
instalar nada. Los pedidos llegan en tiempo real a un panel administrativo /
punto de venta, y la entrega se coordina con una app Android para repartidores.

ill1 nace de una operación real de pedidos a domicilio con miles de pedidos
procesados; no es un experimento, es un sistema probado en piso.


------------------------------------------------------------------------------
2. PROPUESTA DE VALOR PRINCIPAL
------------------------------------------------------------------------------
Vende rápido con un link para tus productos.
Recibe pedidos en un tablero simple, coordina entregas y controla tu operación
con un sistema profesional, ágil y eficiente.

Idea central: menos chats perdidos, más control de cada pedido. Del link al
pedido entregado, todo en un mismo flujo.


------------------------------------------------------------------------------
3. AUDIENCIA OBJETIVO
------------------------------------------------------------------------------
- Negocios que venden por link y entregan a domicilio.
- Comida, abarrotes, vinos y licores, postres, productos preparados, etc.
- Operaciones chicas y medianas que hoy gestionan pedidos por WhatsApp, hojas
  de cálculo o procesos improvisados.
- Dueños/operadores no técnicos: deben entender el producto sin lenguaje de
  desarrollo.
- Negocios que ya venden y quieren ordenar y escalar su operación, no
  "probar algo nuevo".


------------------------------------------------------------------------------
4. PROBLEMAS QUE RESUELVE
------------------------------------------------------------------------------
- Pedidos dispersos en chats que se pierden o se contestan tarde.
- Falta de un lugar único para ver, preparar, cobrar y cambiar el estado de
  cada pedido.
- Coordinación de reparto improvisada (sin saber qué lleva el repartidor ni a
  dónde va).
- Catálogo y precios sin un canal de venta propio, profesional y compartible.
- Operación que no escala porque depende de la memoria y el celular del dueño.


------------------------------------------------------------------------------
5. BENEFICIOS CLAVE
------------------------------------------------------------------------------
- Tienda pública lista para compartir por link, sin que el cliente instale nada.
- Pedidos en tiempo real en un tablero claro.
- Preparación, cobro, edición y cambio de estado de pedidos en un solo lugar.
- Coordinación de entregas con app de repartidores.
- Control de productos, categorías, precios e inventario básico.
- Configuración de local, cobertura y costo de envío por negocio.
- Reportes de ventas, pedidos y entregas.
- Operación ordenada, profesional y que se ve seria ante el cliente.


------------------------------------------------------------------------------
6. HERRAMIENTAS DEL SISTEMA
------------------------------------------------------------------------------
6.1 Link de tienda para clientes
- El cliente entra desde pide.ill1.li/mi-negocio (WhatsApp, redes o QR), sin
  instalar nada y sin fricción.
- Ve catálogo, productos, precios y disponibilidad.
- Arma su carrito y envía el pedido en pocos pasos.
- Puede consultar el estado del pedido y sus pedidos anteriores.
- La tienda usa el color y los datos públicos del negocio.

6.2 Panel administrativo y punto de venta
- Recibe pedidos en un tablero en tiempo real.
- Abre o cierra pedidos en línea desde la configuración del negocio.
- Administra productos, categorías y precios.
- Controla ventas POS, compras, proveedores e inventario básico.
- Configura ubicación del local, cobertura y costo de envío.
- Consulta reportes de ventas, pedidos y entregas.

6.3 App Android para repartidores
- El repartidor ve los pedidos asignados y pendientes de entrega.
- Consulta dirección, ubicación y datos del cliente.
- Revisa los productos del pedido antes de salir.
- Cambia el estado del pedido durante la entrega.
- Coordina entregas sin depender de chats perdidos.


------------------------------------------------------------------------------
7. TONO DE VOZ
------------------------------------------------------------------------------
- Directo, claro y profesional. Frases cortas y concretas.
- Técnico pero accesible: el dueño no técnico debe entenderlo sin esfuerzo.
- Seguro y probado, no humilde ni experimental. Habla desde la experiencia real.
- Sin relleno, sin promesas vagas, sin superlativos vacíos.
- Orientado a operación y control, no a "magia" ni a hype.
- Honesto con la urgencia y los límites; nada de presión falsa.


------------------------------------------------------------------------------
8. MENSAJES QUE SÍ DEBEMOS USAR
------------------------------------------------------------------------------
- "Vende rápido con un link para tus productos."
- "Del link al pedido entregado, todo en un mismo flujo."
- "Recibe pedidos en un tablero simple."
- "Operación real probada · miles de pedidos procesados."
- "Menos chats perdidos, más control de cada pedido."
- "Un link que funciona como app para tus clientes, sin instalar nada."
- "Una plataforma, tres herramientas: link de clientes, panel/POS y app de
  repartidores."
- "Entra con precio fundador y valida tu operación."
- "Si no te sirve, te devolvemos tu pago íntegro, sin preguntas."


------------------------------------------------------------------------------
9. MENSAJES QUE DEBEMOS EVITAR
------------------------------------------------------------------------------
- "Gratis", "prueba gratis", "sin costo por tiempo limitado" como gancho
  principal. (El plan One es de $0, pero NO es el mensaje central.)
- "Nuevo", "nuevo sistema", "lanzamiento gratuito" (el producto ya está
  validado).
- "PWA", "app web progresiva" o jerga técnica en copy público.
- Nombres reales de clientes; "24hrsdefiesta" o marcas previas.
- Cupos, stock, demanda o "personas viendo" inventados. Nada de escasez falsa.
- Contadores que se reinician o urgencia que no es real.
- Promesas de funciones fuera del MVP (ver sección 15).
- Comparaciones que abaraten la percepción (ej. "más barato que un Netflix").


------------------------------------------------------------------------------
10. VOCABULARIO PÚBLICO RECOMENDADO
------------------------------------------------------------------------------
- "link", "link de tienda", "link de clientes", "tienda por link"  (NO "PWA").
- "tablero" o "panel" para el backoffice; "punto de venta" o "POS" para venta
  en mostrador.
- "app de repartidores" / "app Android" para la app de entrega.
- "pedido", "operación", "entrega", "reparto".
- "negocio" o "tu negocio" para referirse al cliente.
- Ejemplo de link siempre como pide.ill1.li/mi-negocio (placeholder claro).


------------------------------------------------------------------------------
11. SECCIONES RECOMENDADAS PARA LA LANDING
------------------------------------------------------------------------------
1. Hero: propuesta de valor + CTA + prueba social ("operación real probada").
2. Una plataforma, tres herramientas (link de clientes, panel/POS, repartidores).
3. Flujo conectado: del link al pedido entregado (cliente -> link -> backoffice
   -> repartidor -> entrega).
4. Planes (One, Core, Plus, Max, Enterprise).
5. Promoción de precio fundador (refuerza planes, no compite con ellos).
6. Garantía y descuentos.
7. CTA de cierre.
8. Footer.


------------------------------------------------------------------------------
12. PLANES ACTUALES
------------------------------------------------------------------------------
Moneda: MXN. Precios mensuales.

- One — $0
  Mantener presencia e iniciar sin costo.
  1 sucursal, 2 usuarios, 250 productos, 150 pedidos online/mes.

- Core — $399 MXN/mes
  Operaciones independientes y ágiles. (Plan de entrada de referencia.)
  1 sucursal, 5 usuarios, 500 productos, 500 pedidos online/mes.

- Plus — $899 MXN/mes
  Operación en expansión.
  1 sucursal, 15 usuarios, 10 repartidores, 2,000 productos,
  2,000 pedidos online/mes.

- Max — $1,499 MXN/mes
  Operación consolidada de alto volumen.
  1 sucursal, 30 usuarios, 25 repartidores, 5,000 productos,
  5,000 pedidos online/mes.

- Enterprise — Cotizado
  Necesidades especiales e infraestructura dedicada.
  Instancia privada, lógica personalizada, dominio propio, soporte dedicado.

Nota: "One" es de $0 pero no se comunica como el gancho principal; el mensaje
central es el precio fundador (sección 13) sobre la entrada de pago.


------------------------------------------------------------------------------
13. PROMOCIÓN SUGERIDA (PRECIO FUNDADOR)
------------------------------------------------------------------------------
- Oferta: 3 meses por $99 MXN/mes para nuevas altas.
- Después de los 3 meses, el negocio continúa con el plan regular que elija.
- Ventana corta y real: por ejemplo 48 horas, con fecha y hora de cierre visible.
- Urgencia honesta: la cuenta regresiva depende de la fecha de cierre real y,
  al terminar, la promo desaparece. Sin cupos ni contadores falsos.
- No es acumulable con otras promociones.
- Posicionamiento: producto probado a precio fundador, NO "gratis" ni "nuevo".

Ahorro de referencia frente al precio regular en los 3 meses:
- Plan Core: ahorras $900 MXN.
- Plan Plus: ahorras $2,400 MXN.
- Plan Max: ahorras $4,200 MXN.

Otros descuentos vigentes:
- Anual: paga 10 meses, recibe 12.
- Referidos: invita a otro negocio; ambos reciben un mes con 100% de descuento
  al activar un plan pagado.


------------------------------------------------------------------------------
14. GARANTÍA
------------------------------------------------------------------------------
Garantía de satisfacción: si activas un plan pagado y el sistema no te sirve,
te devolvemos tu primer pago mensual al 100%, sin preguntas, dentro de los
primeros 30 días pagados.

Frase corta reutilizable: "Si no te sirve, te devolvemos tu pago íntegro, sin
preguntas."


------------------------------------------------------------------------------
15. ALCANCE MVP Y COSAS QUE NO SE DEBEN PROMETER
------------------------------------------------------------------------------
- El inventario es BÁSICO; no prometer ERP ni inventario avanzado.
- No prometer funciones enterprise o personalizadas como si estuvieran en los
  planes estándar (eso es Enterprise / cotización).
- No prometer integraciones, apps nativas iOS, multimoneda, multisucursal
  avanzada u otras funciones que no estén confirmadas aquí.
- No inventar tiempos de entrega, SLAs, ni métricas específicas.
- Mantener el contenido estático y honesto; nada de datos en tiempo real
  simulados como reales.


------------------------------------------------------------------------------
16. DATOS TÉCNICOS (solo contexto interno, NO para copy público)
------------------------------------------------------------------------------
- La tienda de clientes es técnicamente una app web (PWA) accesible por link;
  en público se le llama "link" o "tienda por link", nunca "PWA".
- Repartidores: app Android.
- Dominios: ill1.li (landing), pide.ill1.li/{empresa} (tiendas públicas).
- Marca tipográfica: wordmark "ill1" en minúsculas (InterDisplay).
- es-MX como idioma base.


------------------------------------------------------------------------------
17. EJEMPLOS DE COPY LISTOS PARA REUTILIZAR
------------------------------------------------------------------------------
Headline hero:
"Vende rápido con un link para tus productos."

Subcopy hero:
"Recibe pedidos en un tablero simple, coordina entregas y controla tu operación
con un sistema profesional, ágil y eficiente."

Eyebrow de prueba social:
"Operación real probada · miles de pedidos procesados."

Tres herramientas (subcopy):
"Una app para tus repartidores, un link que funciona como app para tus clientes
y un panel administrativo para controlar ventas, pedidos y entregas en tiempo
real."

Flujo:
"Del link al pedido entregado, todo en un mismo flujo. Tu cliente pide desde un
link, tu equipo lo recibe en el tablero y el repartidor entrega con la app."

Promo (precio fundador):
"Activa ill1 por $99 MXN/mes durante 3 meses. Después continúas con el plan
regular que elijas. Solo durante la ventana de 48 h."

CTA principal:
"Tomar precio fundador."

Garantía:
"Si no te sirve, te devolvemos tu pago íntegro, sin preguntas."

Anuncio corto (ejemplo):
"¿Vendes por WhatsApp y entregas a domicilio? Pasa a un link de tienda, recibe
pedidos en un tablero y coordina tus entregas. Operación real probada. Entra con
precio fundador: $99 MXN/mes durante 3 meses."

==============================================================================
FIN DEL BRIEF
==============================================================================