NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Formación Arenisca usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la arquitectura de la plantilla analizada, sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #1A73E8 (acentos botones y enlaces), #F2F2F2 (secciones claras), #E0E0E0 (bordes y sombras). Tipografía: Inter (carga desde Google Fonts) para encabezados y cuerpo.
Estructura requerida:
1. **Navbar** fixed top, fondo blanco, logo a la izquierda (SVG placeholder), enlaces: Inicio, Sobre nosotros, Proyectos, Blog, Contacto. Botón destacado "Empezar" con fondo azul y texto blanco.
2. **Hero** sección a pantalla completa con l
4.074 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.074 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 Navbar con logo, enlaces y botón destacado
- 1.2 Hero con imagen, título, descripción y botones de acción
- 1.3 About con título, texto y grid de logos interactivos
- 1.4 Projects con título y grid de tarjetas de proyecto
- 1.5 Footer con información de contacto y redes sociales
ABOUT
- 2.1 Header interno con breadcrumb
- 2.2 Foto de presentación y texto descriptivo
- 2.3 Lista de habilidades / stack
- 2.4 CTA para contacto
PROJECTS
- 3.1 Header interno con filtro por categoría
- 3.2 Grid de tarjetas de proyecto con imagen, título y categoría
- 3.3 Paginación
BLOG
- 4.1 Lista de artículos con miniatura, título y extracto
- 4.2 Sidebar con categorías y últimos posts
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Información de localización y redes sociales
PROMPTS RELACIONADOS · EDUCATION
