Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Tech Coral — Prompt de diseño web para Claude AI

Desarrollo de soluciones tecnológicas para pymes Herramientas simples para crecer sin complicaciones.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Tech Coral — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia "Tech Coral" (dominio techcoral.com) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Objetivo: landing corporativa tecnológica que reproduzca la estructura y estilo del template analizado. ### Paleta de colores - Primario: #2C3E50 (azul grisáceo) - Secundario: #1ABC9C (verde azulado) - Accento 1: #9B59B6 (violeta pastel) - Accento 2: #E74C3C (rojo suave) - Texto gris oscuro: #34495E - Texto gris claro: #7F8C8D - Fondo blanco: #FFFFFF ### Tipografía - Fuente principal: "Inter", sans-serif (importar desde Google Fonts) - Peso: 400 para cuerpo, 600 para encabezados, 700 para títulos destacados. ### Header / Navegación - Barra fija con fondo blanco y sombra ligera. - Logotipo placeholder (svg círculo con texto
5.287 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.287 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Tech Coral — home completa
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura
ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

  • 1.1 Banner superior con mensaje corto
  • 2.1 Barra de navegación fija con logotipo, enlaces y botón de compra
  • 3.1 Hero principal con badge, título y lista de beneficios
  • 4.1 Cuadrícula de imágenes hero adicionales
  • 5.1 Sección de reseñas con tarjetas y valoración de estrellas
  • 6.1 Estadísticas de contenido (páginas, secciones, variantes, funcionalidades)
  • 7.1 Bloque CTA con tres características destacadas
  • 8.1 Galería de landing pages con miniaturas y títulos
  • 9.1 Galería de páginas corporativas con miniaturas y títulos
  • 10.1 Footer con enlaces y datos de contacto

ABOUT

  • 1.1 Header con breadcrumb y título
  • 2.1 Texto descriptivo de la empresa
  • 3.1 Equipo y valores
  • 4.1 CTA de contacto

CONTACT

  • 1.1 Formulario de contacto simple
  • 2.1 Información de localización y redes sociales
  • 3.1 Mapa incrustado

BLOG

  • 1.1 Lista de artículos con imagen, título y extracto
  • 2.1 Paginación inferior

PRICING

  • 1.1 Tabla comparativa de planes
  • 2.1 Botones de llamada a la acción
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría