Website-Vorlage
Beautiful Hugo
An adaptation of the Beautiful Jekyll theme
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
blog, clean minimal, low density, light
- Palette
background #ffffff; surfaces [#f5f5f5]; text #404040; muted text #808080; primary #2a6ea1; accents []
- Type
headings Open Sans, 800, title case; body Lora, 18px; scale h1 80px / h2 30px / h3 24px
- Shape & spacing
card radius 4px, no borders, shadow rgba(0,0,0,0.05) 0px 1px 1px 0px inset, section spacing 40px, content width 750px
- Sections (top to bottom)
- Header — fixed top bar with logo center, nav links right-aligned, white background
- Hero — large centered headline with subheading, optional full-width image banner above content
- Content — vertical list of posts, each with title, subtitle, meta line (date/time/words/author), excerpt, tags, [Read More] link; cards have subtle padding and light gray border-bottom
- Footer — two rows of circular social icons (dark gray on light gray), centered author credit and theme info
- Signature details
- Circular social icon grid in footer with consistent spacing and dark fill
- Subtle inset shadow on cards for depth
- Monospace code blocks with syntax highlighting
- Rotating "bigimg" header banners with caption overlay
- Minimalist typography pairing serif body with sans-serif headings
- Consistent use of light gray dividers between sections
- Other pages
- /post/2017-03-07-bigimg-sample: full-width rotating image banner, YAML code examples, inline math rendering, social share buttons
- /page/about/: centered heading with underline, bullet list, embedded link, smaller social icons above footer
Details zur Vorlage
- Kategorie
- Portfolio, Blog, Agency, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- halogenica
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- bootstrap
- company
- light
- minimal
- multilingual
- portfolio
Originaldesign von halogenica, 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 "Beautiful Hugo" template. Reference brief: An adaptation of the Beautiful Jekyll theme Style and features to reflect: blog, bootstrap, company, light, minimal, multilingual. 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.
