NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática para la marca ficticia "AlmaPet" (almapet.org), una organización sin ánimo de lucro de rescate animal. Utiliza HTML5 + Tailwind CSS vía CDN y JavaScript vanilla en un único fichero. Sigue fielmente la estructura y estilo visual del sitio de referencia (cabecera fija, hero con fondo de imagen y texto centrado, sección introductoria con video de fondo, grid de tarjetas de animales adoptables, chips de atributos, botones primary/secondary, pie de página con redes sociales y enlaces legales).
Paleta de colores:
- #1F3A3D (verde azulado oscuro)
- #F5F5F5 (gris muy claro fondo)
- #FFFFFF (blanco)
- #E63946 (rojo coral para acentos)
- #4A4A4A (gris medio para texto)
Tipografía: "Inter" para títulos y cuerpo, pesos 400 y 600, importada desde Google Fonts.
Co
3.982 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.982 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 con logo y menú hamburguesa
- 1.2 Hero con título grande y foto de fondo
- 1.3 Bloque introductorio con video, título y botones de acción
- 1.4 Sección de adopción: grid de tarjetas de animales con foto, chips de atributos y botones Adoptar / Ver perfil
- 1.5 Pie de página con redes sociales, enlaces de navegación y datos de contacto
ABOUT
- 2.1 Cabecera común
- 2.2 Hero de presentación con texto descriptivo
- 2.3 Texto informativo y galería de imágenes
- 2.4 Pie de página
ADOPT
- 3.1 Cabecera común
- 3.2 Listado filtrable de animales en grid
- 3.3 Tarjeta de animal con foto, atributos y botones
- 3.4 Pie de página
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos con miniatura, título y resumen
- 4.3 Paginación
- 4.4 Pie de página
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado
- 5.4 Pie de página
PROMPTS RELACIONADOS · EDUCACIÓN
