网站模板

Doks

Build beautiful, high-performance documentation websites with Doks.

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

Landing Page · Blog · 免费

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

页面

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

Doks 网站模板，/blog/ 页面，第 1 部分 — /blog/Blog | My Docs

Doks 网站模板，/docs/guides/example-guide/ 页面，第 1 部分 — /docs/guides/example-guide/Example Guide | My Docs

设计解读

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

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

Overall: documentation site, clean and minimal, low density, light
Palette: background #ffffff; surfaces [#3347ff, #edeef3]; text #000000; muted text #1d2d35; primary #3347ff; accents []
Type: headings Jost, 700, sentence-case; body Jost, 14px; scale h1 52px, h2 20px, h3 18px
Shape & spacing: button radius 800px, card radius 0px, borders 1px solid #eaeaea, shadows none, section spacing 64px, content width 1320px
Sections (top to bottom): Header — horizontal navigation with logo, links, and icons on right; white background
Hero — centered headline, subtext, and primary CTA button; dotted pattern below
Content grid — three-column layout with instructions; each column has a heading and paragraph
Footer — thin line above, two lines of text aligned left and right; white background
Signature details: Rounded pill-shaped primary button in blue
Dotted horizontal divider beneath hero
Light gray border around blog post card
Collapsible sidebar menu on docs page
"On this page" table of contents on right
Minimalist footer with attribution and privacy link
Other pages: /blog/: single blog post card with date and read time, centered under "Blog" heading
/docs/guides/example-guide/: sidebar navigation, main content with guide text, next link at bottom, TOC on right

模板信息

分类: Landing Page, Blog, Documentation, Starter Kit
技术栈: Hugo
许可: MIT
作者: Henk Verlinde
来源: Hugo Themes
价格: 免费

blog
bootstrap
dark-mode
docs
landing
minimal

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

Ottermind 起步用的需求

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

Build a landing page website inspired by the "Doks" template. Reference brief: Build beautiful, high-performance documentation websites with Doks. Style and features to reflect: blog, bootstrap, dark-mode, docs, landing, minimal. Use original copy and imagery for my brand rather than the reference's placeholder content.