Cart Log in
TECHNOLOGY · Claude Design · HTML

Codigo Zenit — Prompt de diseño web para Claude AI

Estudio de diseño y desarrollo para ingenieros de prompts de IA Ideas que conversan con la inteligencia artificial.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Codigo Zenit — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia "Codigo Zenit" usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe ser una única página (one‑page) con scroll suave entre anclas. Incluye: - Paleta de colores: #1A1A2E (fondo oscuro), #16213E (azul marino), #0F3460 (azul profundo), #E94560 (rojo accent), #FFFFFF (texto). - Tipografía: Inter (Google Fonts) para cuerpo y headings, peso 400‑600. - Header fijo con logo SVG (texto "Codigo Zenit" en Inter bold) y botón de menú hamburguesa que abre/cierra una overlay con enlaces a #projects, #services, #testimonials, #contact. - Hero ocupando la pantalla completa, fondo degradado azul‑oscuro, título grande "Ideas que conversan con la inteligencia artificial", subtítulo breve y botones de ancla a proyect
3.448 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.448 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.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Codigo Zenit — 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 y menú hamburguesa
  • 1.2 Hero con navegación ancla a secciones
  • 1.3 Sección Proyectos (grid de tarjetas)
  • 1.4 Sección Servicios (lista con iconos)
  • 1.5 Sección Testimonios (carousel simple)
  • 1.6 Llamado a la acción / Contacto (formulario corto)
  • 1.7 Footer con enlaces y datos de contacto

PROYECTOS

  • 2.1 Grid de tarjetas con imagen, título y breve descripción

SERVICIOS

  • 3.1 Lista de servicios con icono, título y párrafo explicativo

TESTIMONIOS

  • 4.1 Carousel de testimonios con foto, nombre y comentario

CONTACTO

  • 5.1 Formulario de contacto (nombre, email, mensaje) y botón enviar
  • 5.2 Información de contacto y redes sociales
PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría