网站模板

Paper

A simple, clean, flexible Hugo theme

这个模板的介绍暂时还没有中文版本，先以英文显示。

Blog · 免费

打开在线演示查看源码仓库

页面

在线演示的逐页截图，在页面框内滚动可查看完整页面。

Paper 网站模板，/about/ 页面，第 1 部分 — /about/About - Paper

Paper 网站模板，/contact/ 页面，第 1 部分 — /contact/Contact - Paper

设计解读

AI 对这套模板设计的解读：配色、字体、间距、区块和标志性细节。使用模板时，Ottermind 会以它为起点。

这份解读暂时还没有中文版本，先以英文显示。

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

模板信息

分类: Blog
技术栈: Hugo
许可: MIT
作者: nanxiaobei
来源: Hugo Themes
价格: 免费

blog
light

原始设计来自 nanxiaobei，发布于 Hugo Themes。Ottermind 不会复制模板代码，而是根据需求生成一个全新的网站。

Ottermind 起步用的需求

它会作为草稿在 Studio 中打开，发送前先补充你的品牌、受众和页面。

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.