Web sitesi şablonu
Blowfish
A powerful, lightweight theme for Hugo built with Tailwind CSS.
Bu şablonun açıklaması henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
Portfolio · Blog · Ü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, futuristic, medium density, dark
- Palette
background #1a214a; surfaces [#1b2149,#0d1233,#1e3a6e,#18181b]; text #ffffff; muted text #8d94bd; primary #2f73cd; accents [#4a9ef0,#1e3a6e,#ffdd00]
- Type
headings -apple-system, 900, uppercase/normal; body -apple-system, 14px; scale h1 72px / h2 18px / h3 18px
- Shape & spacing
button radius 9999px, card radius 8px, borders none, shadows rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.1) 0px 1px 2px -1px, section spacing 64px, content width 1024px
- Sections (top to bottom)
- Header — fixed navigation bar with logo, menu items, and utility icons, dark surface with subtle glow
- Hero — full-width gradient background with abstract fish illustration, centered headline, subheading, three CTA buttons
- Features — three-column grid of cards with numeric highlights and descriptive text, dark cards with white text
- Benefits — three-column grid of feature cards with icons, titles, and links, consistent spacing
- AI integration — single card with icon, title, description, and CTA link
- Announcement — dark blue box with code snippet, warning triangle icon, and monospace text
- Theme playground — layout selector with tabs, sponsor avatars in row, contributor grid of circular avatars
- Recent — section header with "Recent" label
- Signature details
- Abstract geometric illustrations with glowing neon lines
- Floating particles and triangular shapes in background
- Consistent use of rounded corners and soft shadows
- Glowing yellow coffee cup icon in bottom-right corner
- Monospace code blocks with syntax highlighting
- Hover effects on cards and buttons
- Other pages
- /docs/: Documentation section with grid of article cards featuring illustrations, titles, metadata, and tags
- /samples/: Samples section with grid of demo content cards showing various content types like charts, diagrams, and markdown examples
Şablon ayrıntıları
- Kategori
- Portfolio, Blog, Starter Kit
- Teknoloji
- Hugo
- Lisans
- MIT
- Yazar
- Nuno Coracao
- Yayınlandığı yer
- Hugo Themes
- Fiyat
- Ücretsiz
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
Orijinal tasarım: Nuno Coracao, 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 portfolio website inspired by the "Blowfish" template. Reference brief: A powerful, lightweight theme for Hugo built with Tailwind CSS. Style and features to reflect: blog, dark, dark-mode, light, minimal, personal. 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.
