Website-Vorlage
PaperMod
A fast, clean, responsive Hugo 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, light
- Palette
background #f5f5f5; surfaces [#ffffff, #1e1e1e]; text #1e1e1e; muted text #6c6c6c; primary #000000; accents []
- Type
headings (-apple-system, 700, title case); body (-apple-system, 16px); scale (h1: 34px, h2: 24px, h3: 18px)
- Shape & spacing
button radius 18px, card radius 8px, no borders, no shadows, section spacing 40px, content width 718px
- Sections (top to bottom)
- Header — horizontal nav bar with logo, language selector, and menu links, white background
- Hero — centered headline, subheading, bullet list, social icons (GitHub, Discord, Twitter, Coffee), white background
- Article cards — three stacked cards with titles, excerpts, metadata, white background, rounded corners
- Pagination — "Next 2/4" button, black pill-shaped, right-aligned
- Footer — centered copyright and attribution text, light gray
- Signature details
- Minimalist layout with generous whitespace
- Rounded card corners and pill-shaped buttons
- Consistent use of -apple-system font across all text
- Social icons as inline SVGs with uniform size
- Clean, unobtrusive pagination control
- Language toggle in header with flag icon
- Other pages
- /about: full-width content with table of contents, feature list, images, and call-to-action buttons
Details zur Vorlage
- Kategorie
- Portfolio, Blog, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- Aditya Telange
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- dark
- light
- minimal
- multilingual
- personal
Originaldesign von Aditya Telange, 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 "PaperMod" template. Reference brief: A fast, clean, responsive Hugo theme Style and features to reflect: blog, dark, light, minimal, multilingual, 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.
