Modèle de site web

Playful Marketing Template

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

La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.

Starter Kit · Gratuit

Playful Marketing Template

Analyse du design

Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.

Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.

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

Détails du modèle

Catégorie
Starter Kit
Licence
Commercial
Auteur
Aceternity UI
Publié sur
Aceternity UI
Prix
Gratuit

Design original de Aceternity UI, publié sur Aceternity UI. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.

Le brief dont part Ottermind

Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.

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.

Comment utiliser ce modèle

  1. 1

    Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.

  2. 2

    Ajoutez au brief votre marque, votre public, vos pages et votre contenu.

  3. 3

    Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.