Website template
Playful Marketing Template
A simple, elegant and playful marketing template with minimal colors and creative microinteractions.
Starter Kit · Free
Design breakdown
An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.
- 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
Template details
- Category
- Starter Kit
- License
- Commercial
- Author
- Aceternity UI
- Listed on
- Aceternity UI
- Price
- Free
Original design by Aceternity UI, listed on Aceternity UI. Ottermind does not copy the template's code; it builds a new site from the brief.
The brief Ottermind starts from
It opens in Studio as a draft — add your brand, audience and pages before you send.
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.
How to use this template
- 1
Click “Use this template” to open it in Ottermind Studio with its brief filled in.
- 2
Add your brand, audience, pages and content to the brief.
- 3
Ottermind builds a new site inspired by this design — keep editing it in the chat.
