Carrito Iniciar sesión
SAAS / STARTUP · Claude Design · HTML

App Marea — Prompt de diseño web para Claude AI

Plataforma SaaS de analítica e inteligencia artificial para empresas Tecnología que potencia tus datos.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
App Marea — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático inspirado en la estructura y estética del template "EarthX" pero con la marca ficticia App Marea. Usa HTML simple + TailwindCSS vía CDN + JavaScript vanilla en un único archivo. Paleta de colores oscura: fondo #0a0a0a, primario #1e3a8a (azul profundo), acento #3b82f6 (azul brillante), texto principal #f3f4f6, texto secundario #9ca3af. Tipografía: Inter (Google Fonts) para títulos y body, peso 400/600. HEADER: barra fija, logo a la izquierda (texto App Marea en azul brillante), menú principal con enlaces Home, Pricing, Feature, Blog, About, y un dropdown "Company" con About Us, Careers, Case Studies. Botón "Sign Up" destacado en azul brillante, enlace "Log In" discreto. Menú colapsable en móvil con icono hamburguesa. HERO: sección fullscreen con fondo degradado
4.079 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.079 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
App Marea — 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ú principal y botón de registro
  • 1.2 Hero con título, descripción y carrusel de screenshots
  • 1.3 Bloque de características con iconos y texto
  • 1.4 Sección de integración / casos de uso en columnas
  • 1.5 CTA centrada con botones de prueba y contacto
  • 1.6 Footer con enlaces organizados por categorías y datos de contacto

PRICING

  • 2.1 Header (reutilizado)
  • 2.2 Tabla comparativa de planes con iconos y botones
  • 2.3 Preguntas frecuentes en acordeón
  • 2.4 CTA final
  • 2.5 Footer (reutilizado)

FEATURE

  • 3.1 Header
  • 3.2 Lista de funcionalidades con ilustraciones y descripciones
  • 3.3 Video demo integrado
  • 3.4 CTA
  • 3.5 Footer

BLOG

  • 4.1 Header
  • 4.2 Grid de artículos con imágenes, título y extracto
  • 4.3 Paginación
  • 4.4 Footer

ABOUT

  • 5.1 Header
  • 5.2 Historia de la empresa con imágenes y texto
  • 5.3 Equipo en tarjetas con foto y rol
  • 5.4 Valores y misión
  • 5.5 CTA
  • 5.6 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría