Estudio de marca · kit OpsPilot

Punto de partida — seis mundos de RECETAS.md

Se coge el que más se acerque y se rompe por donde haga falta. Lo que no se hace es copiarlo tal cual dos veces.

El cliente

Nombre Qué hace, en sus palabras

Sus fotos — para ver SUS fotos con el tratamiento; no salen de este navegador

Subir fotos…

Sin materiales no hay dirección de arte. Antes de esto: ASSETS.md.

El contenido — del protocolo, no de la IA

Sale de las plantillas F4 (P7–P9) y F5 (P11–P12) del cliente en NotionPilot. Lo que quede vacío viaja al encargo como TODO (Pn): se pide, no se inventa.

NotionPilot — proyecto o documento F4 del cliente P7 · Posicionamiento P8 · La prueba principal — va en el subtítulo P11 · Búsqueda principal P11 · Zona — pueblos, separados por comas P9 · Voz — tres adjetivos

Decimos Nunca decimos

P12 · La objeción principal …y cómo se responde — con un hecho, no con un adjetivo P12 · Cómo funciona — un paso por línea: paso · qué pasa · plazo Servicios — uno por línea: nombre · qué incluye · desde X € Reseñas reales — una por línea: texto literal · dónde y cuándo P8 · Cifras con prueba — una por línea: cifra · qué mide · de dónde sale

P12 · El canal que atiende DE VERDAD — lo que no se marque no sale en la web

Datos de contacto — tal como van en todas partes

La marca — el logo como forma, no solo como esquina

Logo — SVG recortado o PNG con transparencia

Subir…

O una forma — para jugar antes de tener el logo

Usarlo en cabecera y pie

Juego — dónde vuelve a aparecer la forma

Ventana con aro de color (quitalo si la forma lleva letras caladas)

Marcá marca en las secciones donde quieras que salga. Es la lección de Córdoba Soluciona: el arco de su logo vuelve tres veces como ventana, y eso es lo que hace que la web se lea como suya. Pero solo funciona si el logo es una silueta simple y sin fondo: si trae fondo blanco, la máscara sale cuadrada.

La página —

Empezar desde — sustituye la lista de abajo

Esto es la arquitectura, no el estilo: el orden de las secciones decide en qué orden se entiende el negocio. Se reordena con ↑↓. El tono dice sobre qué fondo va cada una; las casillas, qué capas se aplican ahí y solo ahí — la escenografía va en las bisagras, no en todas.

Los ejes — se leen del cliente, no del sector

Tipografía

Display — lo que más separa dos webs

Texto

Titulares extendidos (eje de anchura)

Color

Acento Tinta Papel

Papel propio — si no, el de la base

Base — una sola familia de grises

Con solo cuatro bases, todas las webs compartirían uno de cuatro papeles. Si el cliente tiene el suyo (su cal, su papel de rótulo), márcalo: la franja alterna sale de él y el anti-clon lo compara con el registro.

Fondo — uno por web

Escenografía — color plano con forma

Pieza geométrica — una forma detrás del texto

Fotografía

Tratamiento — el mismo en toda la web

Forma — máximo dos

Estructura

Cabecera

Botones

Titulares

Pie

Módulos — cómo se despliega el contenido

Movimiento

El gesto — lo único que no se puede copiar

Una idea que solo valga para ESTE cliente

Si le vale igual a otros cuarenta del gremio, no es un gesto: es el cliché del sector. Búscalo en sus reseñas, no en su catálogo.

Previsualización real: usa el CSS y los efectos del kit

Encargo de maquetación

¿Qué hacemos?