Website-Vorlage
Paper
A simple, clean, flexible Hugo theme
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
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, minimalist, low density, light
- Palette
background #faf8f1; surfaces [#ffffff, #000000]; text #000000; muted text #171717; primary #000000; accents []
- Type
headings ui-sans-serif, 600, sentence-case; body ui-sans-serif, 16px; scale h2 24px, body 16px
- Shape & spacing
button radius 12px, no borders, no shadows, section spacing 40px, content width 680px
- Sections (top to bottom)
- Header — horizontal layout, logo and navigation on left, social icons on right, white background
- Hero — centered profile image with circular border, name in bold, tagline below, light gray background
- Content — vertical list of article cards with featured label in orange, title in bold, date in small gray text, consistent spacing
- Pagination — centered black button with white text "Next Page→", rounded corners
- Footer — two-line layout, copyright on left, Hugo attribution on right, light gray text
- Signature details
- Circular profile avatar with thin white border
- Orange "Featured" label above first article
- Minimalist navigation with icon-only social links
- Clean, uncluttered typography with generous line height
- Centered content block within fixed width
- Black pill-shaped button with arrow for pagination
- Other pages
- /about/: single-column layout with descriptive paragraph and bulleted list of GitHub links
- /contact/: minimal contact info with two bullet points, no form or input fields
Details zur Vorlage
- Kategorie
- Blog
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- nanxiaobei
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- light
Originaldesign von nanxiaobei, 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 blog website inspired by the "Paper" template. Reference brief: A simple, clean, flexible Hugo theme Style and features to reflect: blog, light. 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.
