웹사이트 템플릿

Docsy

Theme

이 템플릿의 설명은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Website · 무료

소스 저장소 보기

디자인 분석

이 템플릿 디자인을 AI가 분석한 내용입니다: 색상, 글꼴, 여백, 섹션, 특징적인 디테일. 템플릿을 사용하면 Ottermind가 여기에서 시작합니다.

이 분석은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Overall: documentation site, clean and professional, low density, light
Palette: background #f5f5f5; surfaces #ffffff, #f9f9f9; text #1a1a1a; muted text #666666; primary #0066cc; accents #0099ff, #333333
Type: headings Inter, 700, uppercase; body Inter, 16px; scale h1 48px, h2 36px, h3 24px
Shape & spacing: button radius 6px, card radius 8px, borders 1px solid #e0e0e0, shadows 0 2px 4px rgba(0,0,0,0.1), section spacing 80px, content width 1200px
Sections (top to bottom): Hero — full-width layout, single column, large headline centered, two CTA buttons below, background gradient from #f5f5f5 to #e0e0e0
Features — three-column grid, each with icon, heading, and short paragraph, white cards on light gray background
Documentation — two-column layout, left sidebar with navigation list, right main content area with nested headings and code blocks
Testimonials — horizontal scrollable row of quote cards with avatar images, alternating alignment
Footer — single column, logo row, links grouped in columns, copyright line
Signature details: Hexagonal lettering in header logo
Consistent use of rounded corners across all UI elements
Subtle drop shadows on cards and buttons
Monospaced code blocks with syntax highlighting
Hover effects on interactive elements (buttons, nav items)
Clean, minimal typography hierarchy with consistent spacing
Other pages: /docs: structured documentation with sidebar navigation and collapsible sections
/blog: article list with featured image, title, excerpt, and read-more link
/about: team section with profile cards and mission statement

템플릿 정보

카테고리: Website
기술: Hugo
게시처: Hugo Themes
가격: 무료

원본 디자인: Hugo Themes (Hugo Themes에 게시). Ottermind는 템플릿 코드를 복사하지 않고, 브리프를 바탕으로 새 사이트를 만듭니다.

Ottermind가 시작하는 브리프

Studio에서 초안으로 열립니다. 보내기 전에 브랜드, 대상, 페이지를 추가하세요.

Build a website website inspired by the "Docsy" template. Reference brief: Theme Use original copy and imagery for my brand rather than the reference's placeholder content.