Website-Vorlage
Coder
A simple and clean blog theme for Hugo
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Portfolio · Blog · 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 blog, minimal, low density, light
- Palette
background #fafafa; surfaces [#e0e0e0]; text #000000; muted text #212121; primary #1565c0; accents []
- Type
headings -apple-system, 600, sentence-case; body -apple-system, 18px; scale h1 32px / h2 24px / h3 18px
- Shape & spacing
no radius, no borders, no shadows, section spacing 60px, content width 900px
- Sections (top to bottom)
- header — horizontal layout, logo on left, navigation links and flag icon on right, white background
- hero — centered layout, silhouette avatar with soft glow, name in h1, role in h2, social icons below, white background
- footer — centered text, copyright and credits, small dark mode toggle on far right, white background
- Signature details
- minimalist silhouette avatar with subtle glow effect
- consistent use of -apple-system font across all elements
- monochrome palette with only one accent color for links
- centered alignment throughout
- social icons as simple black glyphs
- dark mode toggle in bottom-right corner
- Other pages
- /about/: full-width content block with paragraph text, bulleted list, and external links
- /contact/: single line of text beneath heading, otherwise empty space
Details zur Vorlage
- Kategorie
- Portfolio, Blog, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- Luiz F. A. de Prá
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- dark
- dark-mode
- light
- minimal
- personal
Originaldesign von Luiz F. A. de Prá, gelistet auf Hugo Themes. 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 portfolio website inspired by the "Coder" template. Reference brief: A simple and clean blog theme for Hugo Style and features to reflect: blog, dark, dark-mode, light, minimal, personal. 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.
