CORPORATIVO · Tailwind CSS · Vanilla JS · Claude Design

Consultora Vega – Plataforma de soluciones energéticas sostenibles

Theme web estático para Consultora Vega, con diseño limpio y responsivo usando Tailwind CSS y JavaScript puro. Incluye hero con degradado, características en tres columnas, productos destacados y carrusel de testimonios, listo para impulsar la presencia online de soluciones verdes.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Consultora Vega — vista previa
NUEVO PROMPT OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo bajo la marca ficticia Consultora Vega (dominio consultoravega.com) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. El proyecto debe reproducir el diseño visual y la arquitectura de la web original, pero con contenido 100% nuevo en español de España. ### Paleta de colores - Primario: #0D3B66 (azul profundo) - Secundario: #FAF0CA (beige claro) - Acento: #F4D35E (amarillo cálido) - Texto oscuro: #2A2A2A - Fondo: #FFFFFF ### Tipografía - Fuente principal: "Inter" (Google Fonts) – peso 400, 500, 700 - Fuente secundaria: "Playfair Display" – peso 400, 700 para encabezados hero. ### Estructura global - **Header**: barra fija con logo a la izquierda, menú principal con megamenú de tres columnas (Empresa, Páginas, Utilidades) y botó
4.903 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.903 caracteres · licencia libre Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Consultora Vega — 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 Cabecera con logo, menú principal (incluye megamenú Company, Pages, Utilities) y botón "Get Started" visible en móvil.
  • 1.2 Hero: título principal, párrafo descriptivo y dos botones de acción.
  • 1.3 Características: tres tarjetas con icono, título y breve texto.
  • 1.4 Productos destacados: grid de 4 tarjetas, cada una con imagen, nombre, precio y botón "Añadir al carrito".
  • 1.5 Testimonios: carrusel de tarjetas con foto, nombre y comentario.
  • 1.6 CTA secundaria: bloque con fondo contrastante y botón.
  • 1.7 Footer: columnas de enlaces (Company, Products, Resources), formulario de newsletter y redes sociales.

ABOUT

  • 1.1 Cabecera reutilizada.
  • 1.2 Hero interno con imagen y texto.
  • 1.3 Historia de la empresa en dos columnas.
  • 1.4 Valores en iconos.
  • 1.5 Equipo en tarjetas.
  • 1.6 Footer.

PRODUCTS

  • 1.1 Cabecera.
  • 1.2 Lista de productos en cuadrícula con filtro.
  • 1.3 Filtros laterales.
  • 1.4 Paginación.
  • 1.5 Footer.

BLOG

  • 1.1 Cabecera.
  • 1.2 Lista de artículos en tarjetas con imagen, título y extracto.
  • 1.3 Sidebar con categorías y posts recientes.
  • 1.4 Footer.

CONTACT

  • 1.1 Cabecera.
  • 1.2 Formulario de contacto con campos nombre, email, mensaje.
  • 1.3 Mapa incrustado.
  • 1.4 Footer.
PROMPTS RELACIONADOS · CORPORATIVO

Otros prompts de la misma categoría