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

Cognitiva Labs — Prompt de diseño web para Claude AI

Desarrollo de soluciones de inteligencia artificial para empresas Tecnología que potencia decisiones inteligentes.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Cognitiva Labs — 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 **Cognitiva Labs** (startup de IA) siguiendo el diseño analizado. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. **Paleta de colores** (extraída del original): - Primario: #0A0F2C (azul noche profundo) - Secundario: #1E3A8A (azul real) - Accent: #3B82F6 (azul brillante) - Fondo claro: #F9FAFB (gris muy claro) - Texto: #111827 (gris casi negro) **Tipografía**: Usa la fuente **Inter** (importada de Google Fonts) para todo el texto; encabezados en peso 700, cuerpo en 400. **Estructura**: 1. **Header** (fixed, z‑index 50) - Logo a la izquierda (SVG placeholder). - Menú de navegación centrado con enlaces: Home, About, Services, Blog, Contact. - Botón primario "Explorar soluciones" a la dere
4.112 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.112 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
Cognitiva Labs — 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ú izquierdo, menú derecho, botón "Explorar soluciones" y hamburguesa
  • 1.2 Hero central con título grande, párrafo descriptivo y botones "Comprar plantilla" y "Explorar páginas"
  • 1.3 Sección de enlaces a páginas (grid 3 columnas) con imágenes miniatura y títulos
  • 1.4 Footer con iconos sociales y enlaces auxiliares (no incluido en el fragmento pero típico)

ABOUT

  • 1.1 Header reutilizable
  • 1.2 Título de página y contenido textual descriptivo
  • 1.3 Equipo / valores en bloques de columnas
  • 1.4 Footer

SERVICES

  • 1.1 Header
  • 1.2 Listado de servicios en tarjetas con iconos
  • 1.3 CTA de contacto
  • 1.4 Footer

BLOG

  • 1.1 Header
  • 1.2 Lista de artículos en grid con imagen, título y extracto
  • 1.3 Paginación
  • 1.4 Footer

CONTACT

  • 1.1 Header
  • 1.2 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
  • 1.3 Información de contacto y mapa embebido
  • 1.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría