Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

LenteClaro — Prompt de diseño web para Claude AI

Plataforma de recursos y comunidad para fotógrafos Recursos y tutoriales para elevar tu fotografía.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
LenteClaro — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo llamado LenteClaro, una plataforma de recursos y comunidad para fotógrafos, usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Replicar el diseño estructural del sitio analizado sin copiar contenido textual: - Paleta de colores: #0D0D0D (negro profundo), #FFFFFF (blanco), #F2F2F2 (gris claro), #1A73E8 (azul acción), #FF6F61 (coral accent). - Tipografía: "Inter" para títulos y cuerpo, peso 400‑700, importada vía Google Fonts. - Header: barra de navegación fija, logo a la izquierda (svg placeholder), menú horizontal con enlaces Home, Centro de Recursos, Blog, Destacados, Sobre Nosotros, Contacto; botón de búsqueda con icono y campo expandible en escritorio, colapsable en móvil. - Hero: sección full‑width con fondo degradado oscuro, tí
4.579 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.579 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
LenteClaro — home completa
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 y menú principal
  • 1.2 Hero con título destacado, descripción y dos botones llamativos
  • 1.3 Bloque introductorio con enlaces rápidos y presentación del equipo
  • 1.4 Lista de entradas recientes del blog en formato tarjetas
  • 1.5 CTA con imagen de fondo y botón de recurso
  • 1.6 Sección de precios con tres planes y destacados
  • 1.7 Información adicional y botón de aprendizaje
  • 1.8 Testimonios de usuarios en formato carrusel
  • 1.9 Pie de página con enlaces institucionales y redes sociales

BLOG

  • 2.1 Lista de artículos con imagen, título, resumen y autor
  • 2.2 Paginación o carga continua
  • 2.3 Barra lateral con categorías y búsqueda

RECURSOS

  • 3.1 Catálogo de tutoriales y guías en tarjetas
  • 3.2 Filtros por tema y nivel
  • 3.3 Botón de descarga o acceso

FEATURED

  • 4.1 Historias destacadas con gran imagen hero
  • 4.2 Texto introductorio y enlace a detalle

ABOUT

  • 5.1 Presentación del equipo con fotos circulares
  • 5.2 Misión y visión en párrafos breves
  • 5.3 Valores en iconos

CONTACT

  • 6.1 Formulario de contacto (nombre, email, mensaje)
  • 6.2 Información de contacto y mapa embed

PRICING

  • 7.1 Tabla comparativa de planes con precios y beneficios
  • 7.2 Botón de suscripción para cada plan

TESTIMONIALS

  • 8.1 Carrusel de testimonios con foto, cita y autor

FOOTER

  • 9.1 Enlaces a políticas, términos y redes sociales
  • 9.2 Suscripción al boletín
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría