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

Sistemas Polar — Prompt de diseño web para Claude AI

Plataforma SaaS de inteligencia artificial para empresas Herramientas de IA listas para impulsar tu negocio.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Sistemas Polar — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia Sistemas Polar usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas). La web debe replicar el diseño analizado: - **Header**: barra fija con logo a la izquierda, menú principal centrado con enlaces (Overview, Features, About, Blog, Contact) y un mega‑menu de tres columnas bajo "Features" que muestra enlaces internos con descripciones pequeñas. A la derecha, iconos de Instagram, X, LinkedIn y Dribbble. Fondo blanco, borde inferior gris claro. - **Paleta**: #0F172A (azul noche) para textos principales, #1E293B (gris oscuro) para encabezados, #F59E0B (ámbar) como color de acento/CTA, #E5E7EB (gris muy claro) para fondos de secciones y #FFFFFF para fondo general. - **Tipografía**: In
4.140 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.140 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
Sistemas Polar — 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 Header con logo, menú y mega‑menu
  • 2.1 Hero con título, subtítulo y CTA
  • 3.1 Grid de características (3 columnas)
  • 4.1 Casos de uso (alternado imagen‑texto)
  • 5.1 Testimonios carrusel
  • 6.1 CTA secundaria
  • 7.1 Footer con enlaces y suscripción

OVERVIEW

  • 1.1 Header manteniendo la estructura
  • 2.1 Texto descriptivo amplio y diagramas
  • 3.1 Lista de beneficios en tarjetas

FEATURE A

  • 1.1 Header
  • 2.1 Hero con imagen de producto
  • 3.1 Detalle de funcionalidades en lista con iconos

FEATURE B

  • 1.1 Header
  • 2.1 Hero con vídeo demo
  • 3.1 Tabla comparativa de planes

ABOUT

  • 1.1 Header
  • 2.1 Historia de la empresa y misión
  • 3.1 Equipo en tarjetas con foto y bio

BLOG

  • 1.1 Header
  • 2.1 Lista de artículos en tarjetas estilo magazine
  • 3.1 Sidebar con categorías y newsletter

CONTACT

  • 1.1 Header
  • 2.1 Formulario de contacto sencillo
  • 3.1 Información de soporte y mapa integrado
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría