網站範本

LoveIt

A Clean, Elegant but Advanced Hugo Theme for Hugo.

這個範本的介紹目前還沒有繁體中文版本，先以英文顯示。

Blog · 免費

開啟線上示範查看原始碼儲存庫

頁面

線上示範的逐頁截圖，在頁面框內捲動即可查看完整頁面。

LoveIt 網站範本，/about/ 頁面，第 1 部分 — /about/About LoveIt - LoveIt

LoveIt 網站範本，/about/ 頁面，第 2 部分 — /about/About LoveIt - LoveIt

LoveIt 網站範本，/posts/ 頁面，第 1 部分 — /posts/All Posts - LoveIt

設計解讀

AI 對這套範本設計的解讀：配色、字體、間距、區塊與標誌性細節。使用範本時，Ottermind 會以它為起點。

這份解讀目前還沒有繁體中文版本，先以英文顯示。

Overall: blog, clean and modern, low density, light
Palette: background #ffffff; surfaces [#f8f8f8]; text #161209; muted text #a9a9b3; primary #2d96bd; accents []
Type: headings system-ui, 700, sentence-case; body system-ui, 16px; scale h1 20px
Shape & spacing: card radius 0px, borders none, shadows none, section spacing 40px, content width 788px
Sections (top to bottom): header — horizontal navigation with logo on left, menu items right-aligned, social icons below avatar, white background
hero — centered avatar with tagline, social media icons in a row beneath, white background
posts grid — two-column layout on desktop, each post has featured image, headline, author/date, category, excerpt, tags, read more link, light gray surface background
footer — centered attribution line with Hugo and theme credit, copyright notice, CC license
Signature details: consistent use of system-ui font across all elements
minimalistic design with no decorative borders or shadows
uniform spacing between sections and cards
feature list with icon prefixes in the about page
monochrome social icons in circular form
responsive layout with mobile-first structure
Other pages: /about/: full-width hero with device mockups, features listed in collapsible sections with icons, light blue info box at top
/posts/: chronological list grouped by year, plain text layout with dates aligned right, minimal styling

範本資訊

分類: Blog
技術: Hugo
授權: MIT
作者: Dillon
來源: Hugo Themes
價格: 免費

blog
dark

原始設計來自 Dillon，刊登於 Hugo Themes。Ottermind 不會複製範本程式碼，而是依據需求打造全新的網站。

Ottermind 起步用的需求

它會以草稿形式在 Studio 中開啟，送出前先補充你的品牌、受眾與頁面。

Build a blog website inspired by the "LoveIt" template. Reference brief: A Clean, Elegant but Advanced Hugo Theme for Hugo. Style and features to reflect: blog, dark. Use original copy and imagery for my brand rather than the reference's placeholder content.