Landing page con HTML y CSS
Una landing page sencilla y rápida en un solo archivo: primero móvil, accesible y sin frameworks pesados.
- Tipo
- Prompt
- Nivel
- Principiante
- Tiempo
- aprox. 10 min
Los resultados dependen de la herramienta, del modelo y de lo que escribas.
Rellenar
Lo que escribas se queda en esta ventana del navegador. No guardamos ni enviamos nada.
- inscripción a un taller
- presentar una pequeña app
- tarjeta de visita de un autónomo
- invitación a una fiesta del club
- lista de espera para un producto nuevo
- cabecera, tres ventajas, cómo funciona, formulario de inscripción, contacto
- cabecera, funciones, precios, preguntas frecuentes
- cabecera, sobre mí, servicios, contacto
- cabecera, programa, cómo llegar, inscripción
- cabecera, problema, solución, lista de espera
- azul marino y blanco con acento naranja
- verde y crema
- blanco y negro con un rojo
- azul pastel y gris
- tonos arena con acento verde oscuro
Tu prompt
Crea una landing page como un único archivo HTML con CSS incrustado, sin frameworks de JavaScript. Objetivo: [Objetivo]. Secciones: [Secciones]. Colores: [Colores]. Primero móvil, tamaños de letra legibles, contraste suficiente, un orden lógico de encabezados y textos alternativos de ejemplo. Sin fuentes externas, sin scripts de seguimiento, sin imágenes de personas reales.
Herramientas adecuadas
Herramientas de nuestro catálogo con las que este prompt funciona bien.
- v0 Precios y límites
- Lovable Precios y límites
- Replit Precios y límites
Cómo usarlo
- Rellena los campos o toca una sugerencia. No incluyas nombres, direcciones ni otros datos personales.
- Copia el prompt terminado en la herramienta que prefieras.
- Abre el archivo en el navegador, míralo en el móvil y pásale una revisión de accesibilidad del navegador.
Funciona en estas herramientas
Los prompts funcionan en muchas herramientas de chat y de generación. Esta selección procede de nuestro catálogo; precios según la página de cada herramienta.
¿Por qué funciona?
Un solo archivo sin frameworks es fácil de entender y alojar. Las pautas de contraste y encabezados incorporan la accesibilidad desde el principio.
Consejos
- Un formulario necesita un lugar que reciba los datos; resuélvelo, junto con la privacidad, antes de publicar la página.