Modèle de site web
Blowfish
A powerful, lightweight theme for Hugo built with Tailwind CSS.
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Portfolio · Blog · Gratuit
Pages
Captures de la démo, page par page. Faites défiler une page pour la voir en entier.
Analyse du design
Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.
Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.
- 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
Détails du modèle
- Catégorie
- Portfolio, Blog, Starter Kit
- Technologies
- Hugo
- Licence
- MIT
- Auteur
- Nuno Coracao
- Publié sur
- Hugo Themes
- Prix
- Gratuit
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
Design original de Nuno Coracao, publié sur Hugo Themes. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.
Le brief dont part Ottermind
Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.
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.
Comment utiliser ce modèle
- 1
Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.
- 2
Ajoutez au brief votre marque, votre public, vos pages et votre contenu.
- 3
Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.
