Web sitesi şablonu
Docsy
Theme
Bu şablonun açıklaması henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
Website · Ücretsiz
Tasarım analizi
Bu şablonun tasarımının yapay zekâ ile okunması: renkler, yazı tipleri, boşluklar, bölümler ve öne çıkan ayrıntılar. Şablonu kullandığınızda Ottermind buradan başlar.
Bu analiz henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
- 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
Şablon ayrıntıları
- Kategori
- Website
- Teknoloji
- Hugo
- Yayınlandığı yer
- Hugo Themes
- Fiyat
- Ücretsiz
Orijinal tasarım: Hugo Themes, Hugo Themes üzerinde yayınlandı. Ottermind şablonun kodunu kopyalamaz; brife göre yeni bir site oluşturur.
Ottermind’in başladığı brif
Studio’da taslak olarak açılır; göndermeden önce markanızı, hedef kitlenizi ve sayfalarınızı ekleyin.
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.
Bu şablon nasıl kullanılır
- 1
Brifi doldurulmuş şekilde Ottermind Studio’da açmak için “Bu şablonu kullan”a tıklayın.
- 2
Brife markanızı, hedef kitlenizi, sayfalarınızı ve içeriğinizi ekleyin.
- 3
Ottermind bu tasarımdan ilham alan yeni bir site oluşturur; sohbette düzenlemeye devam edin.
