NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio llamado CuboCifra (cubocifra.com) que reproduzca el diseño visual y la estructura del sitio analizado, usando sólo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Objetivo**: Landing page corporativa con blog, podcast y zona de donaciones.
**Paleta de colores** (extraída del original):
- Primary: #0077FF (azul intenso usado en categorías)
- Accent: #FF4081 (rosa para énfasis en hero)
- Dark: #1A202C (texto principal)
- Light: #F7FAFC (fondos)
- White: #FFFFFF
**Tipografía**: Inter (sans‑serif) para todo el cuerpo; headings en "Inter Bold".
**Estructura**:
1. **Header (navbar)** – barra fija superior, logo a la izquierda, enlaces Home, Podcast, About y botones "Join Us" (outline) y "Donate Now" (filled). Incluye hamburguesa para móviles.
4.437 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.437 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 Barra de navegación principal con logo y enlaces
- 1.2 Hero principal con título y descripción
- 1.3 Barra de categorías sticky
- 1.4 Cuadrícula de artículos destacados
- 1.5 Slider vertical de podcasts
- 1.6 Cabecera de sección News
- 1.7 Listado de artículos de News
ABOUT
- 2.1 Header similar al Home
- 2.2 Bloque de presentación de la organización con texto e imagen
- 2.3 Equipo / autores en tarjetas
- 2.4 Llamada a la acción para sumarse
PODCAST
- 3.1 Header con logo y menú
- 3.2 Lista de episodios en formato grid con imágenes, títulos y categorías
- 3.3 Reproductor incrustado y botón de suscripción
DONATE
- 4.1 Header estándar
- 4.2 Sección de causa con texto persuasivo y botón de donación
- 4.3 Testimonios en carrusel
JOIN US
- 5.1 Header estándar
- 5.2 Formulario de registro rápido con nombre, email y motivo de interés
- 5.3 Beneficios de la membresía en tarjetas
CONTACT
- 6.1 Header estándar
- 6.2 Formulario de contacto y mapa embed
- 6.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
