웹사이트 템플릿

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.