Plantilla web

Playful Marketing Template

A simple, elegant and playful marketing template with minimal colors and creative microinteractions.

La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.

Starter Kit · Gratis

Playful Marketing Template

Análisis del diseño

Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.

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

Overall

marketing site, playful, light, minimal, light

Palette

background #f9f9f9; surfaces #ffffff, #eef2f7; text #111111; muted text #666666; primary #34a853; accents #00796b, #00897b

Type

headings Inter, 700, sentence-case; body Inter, 16px; scale h1 56px, h2 40px, h3 28px

Shape & spacing

button radius 8px, card radius 12px, borders none, shadows soft drop (2px blur), section spacing 120px, content width 1200px

Sections (top to bottom)
  • Header — horizontal nav with Home, Pricing, Blog in #34a853, centered, thin underline on active; white background
  • Hero — full-width, centered headline and subheadline, CTA button below; background has subtle dot pattern; floating UI elements (lightning icon cards, folder, paperclip) at corners
  • Features — three-column layout with icons, headlines, and short descriptions; each column has a rounded card with shadow
  • Testimonials — two-column layout with user quotes and avatars; alternating background colors
  • Pricing — three-tiered plan cards with pricing, features, and CTAs; hover effects on cards
  • Footer — logo row, links, social icons; dark gray text on white background
Signature details
  • Floating UI elements (cards, folders, paperclips) with soft shadows and slight rotation
  • Subtle dot pattern background throughout
  • Rounded corners on all interactive elements
  • Animated lightning bolt icons in floating cards
  • Micro-interactions on hover (button color shift, card lift)
  • Consistent use of green primary color for CTAs and highlights
Other pages
  • /pricing: tiered pricing cards with feature lists and comparison
  • /blog: article grid with featured image, title, excerpt, and read-more link

Detalles de la plantilla

Categoría
Starter Kit
Licencia
Commercial
Autor
Aceternity UI
Publicada en
Aceternity UI
Precio
Gratis

Diseño original de Aceternity UI, publicado en Aceternity UI. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.

El briefing del que parte Ottermind

Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.

Build a starter kit website inspired by the "Playful Marketing Template" template. Reference brief: A simple, elegant and playful marketing template with minimal colors and creative microinteractions. Use original copy and imagery for my brand rather than the reference's placeholder content.

Cómo usar esta plantilla

  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.