Haz que parezca una marca real, no una plantilla
Transforma ese aspecto genérico generado por IA en algo que se sienta como tu propio negocio.
Cuándo usarlo
Justo después de que exista tu primera versión y la estructura sea más o menos correcta, antes de mostrársela a alguien.
Antes de empezar
- Una primera versión de tu sitio que ya tenga las páginas correctas.
- Tus colores, si tienes colores de marca. ¿Aún no tienes? Elige dos que te gusten y un neutro; podrás refinarlos más tarde.
- Opcional pero poderoso: un enlace a un sitio cuyo estilo admires, para mencionarlo en tus instrucciones.
El prompt
Estos prompts funcionan mejor en inglés — pégalos tal como están, incluso en páginas traducidas.
Restyle the whole site so it feels like a real brand instead of a default template. Keep every page, section and piece of text exactly where it is — this is a visual pass only. Brand: [BUSINESS NAME]. The feeling I want: [THREE ADJECTIVES, e.g. calm, premium, warm]. Colors: main [COLOR OR DESCRIPTION, e.g. deep navy], accent used sparingly for buttons and highlights [COLOR], background [LIGHT/WARM WHITE/DARK]. Make sure text always has strong contrast against its background. Typography: headings [e.g. a confident serif], body text [e.g. a clean readable sans-serif]. Set a consistent type scale so every heading level looks deliberate, and make body text comfortable to read on a phone. Spacing and shape: [GENEROUS AND AIRY / COMPACT AND EFFICIENT]. Use consistent rounded corners and a single subtle shadow style, applied the same way everywhere. Also: keep the same styling on every page including forms, error messages and empty states, so nothing looks like it came from a different site. Do not add stock images, do not generate or invent photos during this pass, and leave all my real images and image placeholders exactly as they are.
¿Ya estás creando? Pega esto en tu proyecto. ¿Empiezas de cero? Abre una cuenta gratuita en un creador compatible a continuación.
Créalo en
Qué crea esto
- Colores, fuentes y espaciado consistentes en todas las páginas.
- Una escala tipográfica legible en lugar de tamaños de encabezado aleatorios.
- Estilos uniformes para botones, tarjetas y formularios.
- El mismo aspecto aplicado a las partes que la gente suele olvidar: formularios, errores y estados vacíos.
Comprueba que funcionó
Pega el prompt, espera a que termine la construcción y luego confirma esto — en lenguaje sencillo, sin comprobaciones técnicas:
- Cada página parece pertenecer al mismo sitio.
- Tu texto es cómodo de leer en un teléfono sin hacer zoom.
- Los botones se ven clicables y consistentes en todas partes.
- Nada ha cambiado estructuralmente: mismas páginas, mismas palabras, mismas secciones.
- No han aparecido fotos de stock de la nada.
¿Falta algo? Es normal — pídelo en un mensaje corto de seguimiento en vez de volver a ejecutar todo el prompt.
Siguientes pasos
Refina una página con la que no estés satisfecho
Después de la revisión general, cuando una página aún se siente fuera de lugar
The [PAGE NAME] page still feels [TOO CRAMPED / TOO EMPTY / UNBALANCED]. Adjust only this page: [DESCRIBE WHAT YOU WANT, e.g. more space between sections, a larger heading, images side by side instead of stacked]. Keep the site's existing colors, fonts and components.
Sabrás que funcionó cuando: Esa página se ve bien y el resto permanecen intactas.
Añade un modo oscuro
Si tu audiencia está inclinada hacia el diseño o la tecnología
Add a dark mode with a toggle in the header that remembers the visitor's choice. Make sure every page, form, card and image caption stays readable in both modes, with strong contrast in each.
Sabrás que funcionó cuando: El cambio de modos mantiene todo legible y la elección persiste tras refrescar la página.
Haz que la primera pantalla venda
Una vez que el estilo esté definido
Rework only the top section of the home page — the first thing a visitor sees before scrolling. It should state clearly who this is for and what they get, in my words: [ONE SENTENCE]. Add one main button [BUTTON TEXT] and keep everything else on the page unchanged.
Sabrás que funcionó cuando: Un desconocido puede identificar qué ofreces y para quién es sin necesidad de hacer scroll.
Ojo con
- El rediseño puede afectar silenciosamente al contraste. El texto gris claro sobre fondo blanco se ve elegante en tu pantalla grande, pero es ilegible en un teléfono bajo la luz del sol; compruébalo al aire libre antes de enamorarte del diseño.
- No cambies el estilo y la estructura en el mismo mensaje. Si los combinas, pasarás la siguiente hora tratando de descubrir qué cambio hizo qué.
- Tres adjetivos superan a un párrafo. "Calmado, premium, cálido" produce mejores resultados que una larga descripción de tus sentimientos sobre tu marca.
Notas por plataforma
Las tres plataformas principales manejan bien una revisión visual como esta. Lovable tiende a producir el resultado más pulido a partir de una única descripción; en v0 puedes ir más allá adjuntando una imagen de referencia o tu propia maqueta.
Gasta menos créditos
Toda plataforma te cobra por el trabajo que hace su IA — así que el hábito más barato es pensar antes de construir. Estas seis reglas eliminan la mayor parte del desperdicio, elijas la plataforma que elijas.
- Planifica primero en un chat gratuito. Esboza todo en ChatGPT, Claude o Gemini — páginas, funciones, qué recoge cada formulario, cómo debe verse. Pensar allí es gratis; pensar dentro de un builder se factura.
- Empieza con un prompt escrito, no con una frase. "Hazme una web" es la frase más cara al construir con IA. Un primer prompt completo — como los de este sitio — ahorra decenas de rondas de corrección.
- No seas perezoso con los detalles. Cada detalle que omites vuelve como una corrección que pagas. Nombre del negocio, colores, cada página, cada campo del formulario, qué pasa tras el envío — ponlo todo en el primer prompt.
- Después, un cambio por mensaje. "Arregla la cabecera, y el formulario, y los colores" produce un enredo que cuesta más deshacer de lo que ahorró.
- ¿Atascado? Deja de parchear. Si la misma corrección falla unas tres veces, no envíes una cuarta — describe el estado final deseado de toda la sección en un mensaje nuevo.
- Empieza gratis. Mejora el plan cuando necesites más. Usa la cuota gratuita para crear y explorar tu primera versión. Mejora el plan cuando necesites más uso o funciones de pago, y revisa el coste de los servicios conectados antes del lanzamiento.
Los prompts de esta página están escritos para hacer casi todo este trabajo por ti — de eso se trata.
Lee la guía completaPlaybooks relacionados
Revisado el: 2026-07-27