Website-Vorlage
Playful Marketing Template
A simple, elegant and playful marketing template with minimal colors and creative microinteractions.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Starter Kit · Kostenlos
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- 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
Details zur Vorlage
- Kategorie
- Starter Kit
- Lizenz
- Commercial
- Autor
- Aceternity UI
- Gelistet auf
- Aceternity UI
- Preis
- Kostenlos
Originaldesign von Aceternity UI, gelistet auf Aceternity UI. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
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.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
