Plantilla web
Blowfish
A powerful, lightweight theme for Hugo built with Tailwind CSS.
La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Portfolio · Blog · Gratis
Páginas
Capturas de la demo, página a página. Desplázate dentro de cada página para verla entera.
Análisis del diseño
Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.
Este análisis aún no está disponible en español, así que se muestra en inglés.
- 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
Detalles de la plantilla
- Categoría
- Portfolio, Blog, Starter Kit
- Tecnología
- Hugo
- Licencia
- MIT
- Autor
- Nuno Coracao
- Publicada en
- Hugo Themes
- Precio
- Gratis
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
Diseño original de Nuno Coracao, publicado en Hugo Themes. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.
El briefing del que parte Ottermind
Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.
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.
Cómo usar esta plantilla
- 1
Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.
- 2
Añade al briefing tu marca, tu público, las páginas y el contenido.
- 3
Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.
