Website-Vorlage
Creative
A one page HTML theme for creatives by Start Bootstrap
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
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
landing page, clean and modern, medium density, light/dark contrast
- Palette
background #ffffff; surfaces [#f4623a, #212529]; text #212529; muted text #ffffff; primary #f4623a; accents []
- Type
headings Merriweather Sans, 500, sentence-case; body Merriweather, 18px; scale h1 56px / h2 32px / h3 24px
- Shape & spacing
button radius 160px, card radius 6px, no borders, no shadows, section spacing 80px, content width 1272px
- Sections (top to bottom)
- Hero — full-width image background with overlay, centered headline, subheading, CTA button in primary color, navigation at top right, logo at top left
- Feature block — solid orange background, centered headline, subtext, white pill-shaped CTA button
- Service grid — four-column layout on white background, each with icon (diamond, laptop, globe, heart), heading, and short paragraph
- Image collage — six equally sized images arranged in two rows of three, full-width, dark overlay below
- Download section — dark background, centered headline, white pill-shaped CTA button
- Contact form — centered title, subtitle, four input fields (full name, email, phone, message), coral submit button, phone icon and number below
- Footer — minimal gray bar with copyright text
- Signature details
- Orange accent color used consistently for CTAs and icons
- Rounded pill buttons with high corner radius
- Iconography in orange above service descriptions
- Full-width image collage with flat grid layout
- Dark overlay on hero image for text legibility
- Clean typography pairing serif body with sans-serif headings
- Other pages
- /about: not shown
- /services: not shown
- /portfolio: not shown
- /contact: not shown
Details zur Vorlage
- Kategorie
- Landing Page
- Technologie
- Bootstrap, HTML5
- Lizenz
- MIT
- Autor
- Start Bootstrap
- Gelistet auf
- Start Bootstrap
- Preis
- Kostenlos
- bootstrap
- bootstrap-4
- bootstrap-template
- bootstrap-theme
- bootstrap4
- css
- free
- html
- open-source
- theme
Originaldesign von Start Bootstrap, gelistet auf Start Bootstrap. 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 landing page website inspired by the "Creative" template. Reference brief: A one page HTML theme for creatives by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, css. 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.
