웹사이트 템플릿

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.