NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia NexoCrypto, un portal de información y comunidad sobre criptoactivos y blockchain. Utiliza solo HTML, Tailwind CSS mediante CDN y JavaScript vanilla en un único archivo. La paleta de colores debe incluir:
- Primario: #1E3A8A (azul profundo)
- Secundario: #3B82F6 (azul brillante)
- Fondo: #F9FAFB (gris muy claro)
- Texto: #111827 (gris casi negro)
- Accento: #10B981 (verde teal)
Tipografía: Inter (cargar desde Google Fonts) para todos los textos, tamaños de encabezado H1‑H4 escalados según sistema modular de Tailwind.
Estructura:
1. Header fijo con logo (texto NexoCrypto) a la izquierda, menú de navegación con enlaces: Artículos, Sobre, Categorías, Autores, Tienda, Contacto. El ítem "Páginas" abre un mega‑menu con tres columnas: "Shop", "Con
3.948 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.948 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 Cabecera (logo, menú principal con mega‑menu, carrito lateral)
- 2.1 Hero principal con título, subtítulo y botón CTA
- 3.1 Grid de artículos destacados (3 columnas, imagen, título, extracto)
- 4.1 Categorías resaltadas (icono + título + enlace)
- 5.1 Autores destacados (avatar, nombre, breve descripción)
- 6.1 Footer (navegación secundaria, redes sociales, formulario de suscripción)
ARTICLES
- 1.1 Cabecera (reutilizada)
- 2.1 Lista de artículos en formato tarjeta (imagen, título, autor, fecha)
- 3.1 Paginación inferior
- 4.1 Footer
ABOUT
- 1.1 Cabecera
- 2.1 Sección de misión y visión con texto y foto
- 3.1 Equipo (tarjetas con foto y rol)
- 4.1 Footer
CATEGORIES
- 1.1 Cabecera
- 2.1 Grid de categorías (icono, título, número de artículos)
- 3.1 Footer
AUTHORS
- 1.1 Cabecera
- 2.1 Lista de autores (avatar, nombre, bio corta, enlace a perfil)
- 3.1 Footer
SHOP
- 1.1 Cabecera
- 2.1 Productos en grid (imagen, nombre, precio, botón agregar)
- 3.1 carrito lateral (sidebar) abierto desde header
- 4.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Información de contacto y mapa
- 4.1 Footer
PROMPTS RELACIONADOS · BLOG / REVISTA
