SAAS / STARTUP · Claude Design · HTML

Nexora Cloud — Prompt de diseño web para Claude AI

★★★★★4,6 4.038 descargas

Plataforma SaaS de automatización de procesos empresariales Simplifica la gestión y potencia tu crecimiento.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Create a fully responsive single‑file website for the fictitious SaaS brand **Nexora Cloud** using only HTML, Tailwind CSS CDN and vanilla JavaScript. The design must replicate the visual patterns, layout and interaction of the original Feanzo template while using a new brand identity.

**Brand details**:
- Name: Nexora Cloud
- Tagline: Simplifica la gestión y potencia tu crecimiento
- Primary color palette: #0A3D62 (deep navy), #2E86AB (accent blue), #F6F9FC (light background), #FFFFFF (white), #E94F37 (highlight/red for CTA)
- Typography: Headings – "Poppins", weight 600; Body – "Inter", weight 400. Load both from Google Fonts.
- Logo: placeholder SVG with text "Nexora" in navy.
- Favicon: simple square with the accent blue.

**Structure & Sections** (in exact order, numbered as in the "secciones" list):
1. Header – fixed, transparent to solid on scroll, includes logo, primary navigation with mega‑dropdown for "Pages" (About, Features, Pricing, Contact, Blog, Sign up, Sign in) and CTA links for "Sign up" and "Sign in". Dropdown arrows animate on hover.
2. Hero – full‑width section with large heading, subheading, primary CTA button (color #E94F37, hover darker) and a decorative illustration on the right (use a placeholder image). Background gradient from #0A3D62 to #2E86AB.
3. Features – three‑column grid, each column contains an icon (placeholder SVG), feature title and short description. Use Tailwind utilities for spacing and hover lift effect.
4. Statistics – centered row of four counters (e.g., "10k+ usuarios", "99.9% uptime", etc.) with large numbers in #E94F37 and labels in #0A3D62.
5. Integrations – horizontal scroll area showing partner logos (placeholder rectangles) with subtle overlay on hover.
6. Testimonials – carousel of three testimonial cards, each with avatar, name, role, quote and a subtle shadow. Use simple JS to auto‑slide every 5 seconds and manual arrows.
7. Call to action – banner with background #2E86AB, heading, input for email and a secondary CTA button "Comenzar".
8. Footer – dark background #0A3D62, four columns: (a) brand + short description, (b) navigation links, (c) legal links, (d) social icons (placeholder). Include copyright line with the current year.

**Interactive elements**:
- Mobile menu collapses into a hamburger icon; clicking toggles the nav.
- Mega‑dropdown for "Pages" appears on hover/focus.
- Counter numbers animate from 0 to target on scroll into view.
- Testimonial carousel with auto‑play and manual navigation.
- Form fields show focus outline in accent color.

**Technical requirements**:
- All CSS must be delivered via Tailwind CDN (`https://cdn.tailwindcss.com`). Configure Tailwind to include the custom colors and fonts.
- JavaScript must be vanilla, placed in a `<script>` tag at the bottom of the body. Use IntersectionObserver for counters and simple event listeners for menu toggles and carousel.
- Ensure accessibility: proper `aria` attributes for navigation, dropdowns and carousel.
- Optimize for SEO: meaningful `<title>`, meta description, headings hierarchy, alt texts for images.
- The final file must be a single HTML document ready to be opened in a browser.

Generate the complete HTML code meeting all the specifications above.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

3.582 caracteres · 52 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera fija con logo, menú desplegable y enlaces
1.2 Hero con título, subtítulo, botón CTA y visual decorativo
1.3 Bloque de características en tres columnas
1.4 Estadísticas con contadores
1.5 Integraciones mostradas con logotipos
1.6 Testimonios en tarjetas
1.7 Llamado a registro con formulario breve
1.8 Pie de página con enlaces y datos de contacto

ABOUT

1.1 Cabecera idéntica
1.2 Bloque de misión y visión con imagen lateral
1.3 Equipo en rejilla de tarjetas
1.4 Valores en iconos circulares
1.5 Pie de página

FEATURES

1.1 Cabecera idéntica
1.2 Lista de funcionalidades con iconos y descripción
1.3 Video o mockup interactivo
1.4 Beneficios resumidos en tarjetas
1.5 Pie de página

PRICING

1.1 Cabecera idéntica
1.2 Tabla comparativa de planes con botones CTA
1.3 Preguntas frecuentes en acordeón
1.4 Testimonios secundarios
1.5 Pie de página

CONTACT

1.1 Cabecera idéntica
1.2 Formulario de contacto con campos básicos
1.3 Mapa estático o ilustración de ubicación
1.4 Información de soporte y redes
1.5 Pie de página

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Cloud
Sector: Plataforma SaaS de automatización de procesos empresariales
Claim: Simplifica la gestión y potencia tu crecimiento

Bloques de la home

1.1 Cabecera fija con logo, menú desplegable y enlaces a páginas principales
1.2 Hero con título, subtítulo, botón CTA y visual decorativo
1.3 Bloque de características destacadas en tres columnas con iconos
1.4 Estadísticas numéricas en formato de contadores
1.5 Sección de integración mostrando logos de partners
1.6 Testimonios en carrusel o tarjetas
1.7 Llamado a registro con formulario breve
1.8 Pie de página con enlaces de navegación, redes y datos de contacto

Crea tu propia Skill

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

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Nexora Cloud — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

FEATURES

PRICING

CONTACT

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs