Webサイトテンプレート

Playful Marketing Template

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

このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。

Starter Kit · 無料

デザイン解説

このテンプレートのデザインを AI が読み解いたものです：配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。

この解説はまだ日本語に対応していないため、英語で表示しています。

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

テンプレート情報

カテゴリ: Starter Kit
ライセンス: Commercial
作者: Aceternity UI
掲載元: Aceternity UI
価格: 無料

オリジナルデザイン：Aceternity UI（Aceternity UI に掲載）。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。

Ottermind が起点にするブリーフ

Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。

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.