Web sitesi şablonu
Hugoplate
Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time.
Bu şablonun açıklaması henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
Landing Page · Portfolio · Ücretsiz
Sayfalar
Canlı demonun sayfa sayfa ekran görüntüleri. Tamamını görmek için sayfanın içinde kaydırın.
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
landing page, clean and minimal, low density, light
- Palette
background #ffffff; surfaces [#1f2937]; text #1f2937; muted text #6b7280; primary #1f2937; accents []
- Type
headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 36px, h3 28px
- Shape & spacing
button radius 6px, no borders, subtle drop shadow on buttons, section spacing 80px, content width 1200px max
- Sections (top to bottom)
- Header — horizontal layout, logo left, nav center-right with Home, About, Elements, Pages dropdown, search icon, dark mode toggle, Github button; white background
- Hero — centered layout, single column, large headline, subheading, CTA button "Fork Deploy and Edit Online" with rocket emoji, black-and-white illustration below; white background
- Footer — not visible in screenshot
- Signature details
- Monochrome line-art illustration of person at desk with laptop, lamp, clock, plant, coffee cup
- Minimalist design with high contrast between black text/lines and white background
- Rounded corners on all interactive elements
- Clean typography hierarchy using Inter font family
- Subtle hover effect on navigation items and buttons
- Dark mode toggle with sun/moon icon
- Other pages
- /about: brief bio and project details
- /elements: UI components showcase
- /pages: example page layouts
Şablon ayrıntıları
- Kategori
- Landing Page, Portfolio, Blog, Starter Kit
- Teknoloji
- Hugo
- Lisans
- MIT
- Yazar
- Zeon Studio
- Yayınlandığı yer
- Hugo Themes
- Fiyat
- Ücretsiz
- blog
- contact
- dark
- dark-mode
- landing
- light
- minimal
- multilingual
- personal
- tailwind
Orijinal tasarım: Zeon Studio, 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 landing page website inspired by the "Hugoplate" template. Reference brief: Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time. Style and features to reflect: blog, contact, dark, dark-mode, landing, light. 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.
