NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious fintech SaaS brand **Cofinex** using **HTML**, **Tailwind CSS CDN**, and vanilla JavaScript. The design must replicate the visual patterns of the source template (hero with highlighted words, stats card, feature grid, step‑by‑step workflow, overview image with play badge, navigation bar with logo and CTA buttons, footer with links and social icons). Do not copy any original text or images; invent original copy in Spanish (Spain) and use placeholder images from https://placehold.co/ (e.g., 600x400) for all visuals.
**Palette** (use these exact hex values):
- Primary: #0A3DFF (electric blue)
- Accent: #6C63FF (soft violet)
- Dark: #1A1A2E (almost black)
- Light: #F5F7FA (very light gray)
- Success: #34D399 (green for highlights)
**Ty
5.655 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.655 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 con logo, enlaces de menú y botones de acción
- 1.2 Hero con título, resaltado, párrafo introductorio y dos botones CTA
- 1.3 Imagen hero derecha que muestra la app en un móvil
- 1.4 Bloque de características (grid 3 columnas) con tarjetas ilustrativas y textos
- 1.5 Sección "Cómo funciona" con tres tarjetas paso a paso y barra de progreso visual
- 1.6 Sección de visión general con imagen grande del producto y badge de video
- 1.7 Footer con enlaces a secciones, contacto, política y redes sociales
ABOUT
- 2.1 Cabecera de página con título y descripción
- 2.2 Texto explicativo de la misión y visión
- 2.3 Equipo y valores en tarjetas
CONTACT
- 3.1 Formulario de contacto simple con campos nombre, email, mensaje
- 3.2 Información de contacto y mapa incrustado
BLOG
- 4.1 Lista de artículos en formato tarjeta con imagen, título y extracto
- 4.2 Paginación inferior
PRICING
- 5.1 Tabla comparativa de planes con características y botones CTA
- 5.2 FAQ accordion
PROMPTS RELACIONADOS · SAAS / STARTUP
