Website-Vorlage
Big Picture
Big Picture is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Website · 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
personal portfolio, minimalist, low density, light
- Palette
background #fafbfd; surfaces [#dee0e3, #373d49, #e7746f, #676d79]; text #676d79; muted text #ffffff; primary #e7746f; accents []
- Type
headings Source Sans Pro, 600, sentence-case; body Source Sans Pro, 22px; scale h1 16px, h2 35px, h3 22px
- Shape & spacing
button radius 4px; no borders; no shadows; section spacing 80px; content width 1200px
- Sections (top to bottom)
- Header — fixed, full-width, white background with logo on left, navigation links right-aligned, dark gray text
- Hero — full-bleed image background with overlay, centered "Hey." headline in large white text, subtext below in smaller white, downward arrow icon in thin white circle below
- Navigation — horizontal, top-aligned, white background, dark gray text, no underline
- Signature details
- Full-bleed hero image with semi-transparent overlay
- Centered, minimal typographic hierarchy
- Downward scroll indicator as a circular outline with arrow
- Fixed header with clean, spaced navigation
- Use of soft contrast between text and image background
- Consistent use of Source Sans Pro across all elements
- Other pages
- /intro: intro section with paragraph and two CTA buttons
- /what-i-do: grid layout with three columns of services
- /who-i-am: single-column bio with image on left
- /my-work: portfolio grid with project thumbnails
- /contact: contact form with input fields and submit button
Details zur Vorlage
- Kategorie
- Website
- Technologie
- HTML5
- Lizenz
- CC-BY-3.0
- Autor
- HTML5 UP
- Gelistet auf
- HTML5 UP
- Preis
- Kostenlos
- HTML5
- Responsive
Originaldesign von HTML5 UP, gelistet auf HTML5 UP. 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 website website inspired by the "Big Picture" template. Reference brief: Big Picture is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP. Style and features to reflect: HTML5, Responsive. 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.
