Proactiv Marketing Template

Este análisis aún no está disponible en español, así que se muestra en inglés.

Overall

SaaS landing page, modern and bold, high density, dark

Palette

background #000000; surfaces #ffffff, #1a1a1a; text #ffffff; muted text #b3b3b3; primary #00c8ff; accents #00c8ff, #ffffff

Type

headings Inter, 700, sentence-case; body Inter, 16px; scale h1 96px, h2 64px, h3 48px

Shape & spacing

button radius 8px, card radius 16px, borders none, shadows soft drop (0 10px 25px rgba(0,0,0,0.5)), section spacing 120px, content width 1200px

Sections (top to bottom)

• Header — horizontal layout, logo on left, nav links centered, two CTA buttons (Register, Book a demo) on right, black background
• Hero — full-width, centered headline with two-line subheading, five circular profile avatars with five-star rating below, "Trusted by 27,000+ creators" caption, primary CTA button centered, black background
• Dashboard preview — partial view of interface mockup with white surface, rounded corners, "Dashboard" label in gray, subtle shadow

Signature details

• High-contrast white-on-black typography with gradient-like text treatment on headline
• Circular profile avatars aligned horizontally with star rating
• Primary CTA button in bright cyan with right-pointing arrow
• Minimalist navigation with clean spacing
• Soft drop shadows on interactive elements
• Rounded corners on all UI components

Other pages

• /features: grid layout of feature cards with icons and brief descriptions
• /pricing: tiered pricing table with three columns, highlighted mid-tier
• /blog: list of article cards with featured images and meta info
• /contact: form with input fields and map placeholder

1. 1

   Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.

2. 2

   Añade al briefing tu marca, tu público, las páginas y el contenido.

3. 3

   Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.