TECNOLOGÍA · Claude Design · HTML

Civify City — Prompt de diseño web para Claude AI

★★★★★4,7 2.667 descargas

Plataforma digital de directorios y guías locales Conecta tu negocio con la gente de tu zona.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completamente estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Marca ficticia: Civify City (plataforma de directorios locales). Paleta de colores: fondo blanco (#FFFFFF), texto gris oscuro (#1F2937), encabezados azul primario (#0EA5E9), botones azul oscuro (#0369A1), bordes suaves gris claro (#E5E7EB). Tipografía: Inter (Google Fonts) para todo el texto, peso 400‑600.

Estructura requerida:
- HEADER: barra de navegación fija, fondo blanco, sombra sutil, logo a la izquierda (placeholder.svg), menú horizontal con enlaces Home, Demos, Inner Pages, Utility Pages, Authentication, botón secundario "Purchase Template" con borde azul.
- HERO (sección #Home): contenedor centrado, título grande en Inter 4xl, texto descriptivo, dos botones CTA (primar

²╝│♣═╩τ┼ ║╫╔√■│≡ ├µΣπα╦≥ •└εδ║▀╩ ┼╝δ╡╦■▀ ╔↔α∩√↓├ ╡α←╦═╡
 ╠α▓↓┼Ω▀ ◙┼τ┴█σ↑ ╗│▓φ≡≥← σφ▀≥┤∩♦ ═Φ∞╫π≤═ σ┤µ│↔π↔ ╚╫²≤╔
╣ ▒≡▒┤±╩┼ ≥└┤╚┴╦δ ┴→│└≥∩╫ ♠╡∞ε╝╬∞ ♣≤╔██◘♦ ┬┴√↓•∩│ ≤╬▓²
╦≡ ┼♣π╚█└╠ ∩═╦┼≡♦• █δ║┬◙┬Ω ∩π═┴²♠∩ Σ╦╦╣═♠Ω ∩┬π│╗┼╝ ├╡Φ
δ≥▀ █↓═φε╣│ σ┤╣ε╫┴← Σπ─²πßΦ ⁿ→•╫♦σΣ ■♣Σ■░╚± ■╡τ↔≤╩τ ↑↔
◘↔█║ •─┬♣▒┬■ ß╣≥²╗◘♣ ±•↓╦≡ⁿ║ ┤♦∞░≡♦√ ┬∞²─█Σ║ ░•↑σ└•┬ Φ
╗♦╝┴← ≤•┬←┤◘Σ ■♣┼α┴╝σ ▀◙↔▀╔≤╬ σ²↓σ▒░Σ ┴♣╣→▓Σ╚ ♦░║╝├▀δ 
╦Φφ▒♦→ ≥ßφ╡∞┼← ≡║∩╩╬≡→ ▓◙≤∩░•π ²√├└═±╝ ░µ╡╡≥σ♦ φ±┼Σ≡ⁿ┬
♠│•░Φα█ ↓╗╩╔Φ┼├ ♠δπ←π≥▀ Σ♣┴♦▓♣┴ δ╔╫╦╡┤Φ ╔♦↑τδ◘√ φ↑╦←╦Φ
 ↓┴τßπ╝↑ ±δ♣░♠╦√ ╦♠╡♣╔─▒ █◘░╠≥µ╗ ▀ΩΩ╣α±╝ πφ■╫█◘δ Φ╚♠├╫
µ α│◙α↔◙╡ ■╗↑╚╗╠│ →ε╠╡ε░┬ ╬≡╝²π╩╦ φ♣╝δ╗•╚ ≡±╦↔≡ⁿ╗

3.863 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

3.863 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 fija con logo, menú y botón CTA
1.2 Hero principal con título, subtítulo y botones
1.3 Mockups laterales del producto
1.4 Bloque de características (3 tarjetas)
1.5 Demos de homepages (cuadrícula)
1.6 Galería de páginas internas (cuadrícula)
1.7 Pie de página

INNER PAGES

2.1 About Us (imagen de cabecera + texto descriptivo)
2.2 Contact Us (formulario simple + información de contacto)
2.3 Services (lista de servicios con iconos)
2.4 Service Single (detalle de servicio)
2.5 Cities (listado de ciudades con tarjetas)
2.6 Otros templates (varios diseños de interior según necesidad)

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Civify City
Sector: Plataforma digital de directorios y guías locales
Claim: Conecta tu negocio con la gente de tu zona

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Cabecera fija con logo, menú de navegación y botón de compra
1.2 Hero principal con título grande, texto descriptivo y dos botones CTA
1.3 Área de presentación de mockups del producto (imágenes laterales)
1.4 Bloque "Qué incluye" con tres tarjetas de característica (icono, título, descripción)
1.5 Sección de demos de homepages con cuadrícula de tarjetas vinculadas
1.6 Galería de páginas internas (About, Contact, Services, etc.) con tarjetas en cuadrícula
1.7 Pie de página minimalista con enlaces de utilidad y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Civify City — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

INNER PAGES

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio