
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **ArquiForma** (estudio de arquitectura y diseño de interiores) usando **HTML** estático con **Tailwind CSS CDN** y **JavaScript vanilla** (un solo archivo). El sitio debe reproducir fielmente la estructura y estilo del template analizado, respetando estos requisitos:
**General**
- Utiliza la paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #E53935 (rojo acento), #1976D2 (azul acento), #F5F5F5 (gris claro de fondo secciones).
- Tipografía: encabezados con *Montserrat* (weight 700) y cuerpo con *Inter* (weight 400). Carga ambas fuentes desde Google Fonts.
- Layout responsive con contenedores max-w-7xl y padding estándar de Tailwind.
- Animaciones simples con Tailwind utilities (opacity, translate, transition) y JavaScript p
4.486 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.486 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 fija con logo, enlaces y botón CTA
- 1.2 Hero con título, descripción, enlaces sociales y slider de proyectos
- 1.3 Sección de socios con logos en cuadrícula
- 1.4 Bloque de características con íconos y texto descriptivo
- 1.5 Footer con navegación secundaria, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera interna con título de página
- 2.2 Texto descriptivo del estudio y valores
- 2.3 Equipo en tarjetas con foto y breve bio
- 2.4 CTA para contactar
PROJECTS
- 3.1 Galería de proyectos en cuadrícula filtrable
- 3.2 Cada tarjeta muestra imagen, nombre y breve descripción
- 3.3 Botón para ver detalle del proyecto
SERVICES
- 4.1 Lista de servicios con íconos y descripciones cortas
- 4.2 sección de proceso de trabajo en pasos numerados
- 4.3 CTA para solicitar propuesta
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Información de contacto y mapa incrustado
- 5.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN