Website template
PaperMod
A fast, clean, responsive Hugo theme
Portfolio · Blog · Free
Pages
Screenshots of the live demo, page by page. Scroll inside a page to see all of it.
Design breakdown
An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.
- 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
Template details
- Category
- Portfolio, Blog, Starter Kit
- Built with
- Hugo
- License
- MIT
- Author
- Aditya Telange
- Listed on
- Hugo Themes
- Price
- Free
- blog
- dark
- light
- minimal
- multilingual
- personal
Original design by Aditya Telange, listed on Hugo Themes. Ottermind does not copy the template's code; it builds a new site from the brief.
The brief Ottermind starts from
It opens in Studio as a draft — add your brand, audience and pages before you send.
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.
How to use this template
- 1
Click “Use this template” to open it in Ottermind Studio with its brief filled in.
- 2
Add your brand, audience, pages and content to the brief.
- 3
Ottermind builds a new site inspired by this design — keep editing it in the chat.
