页面
在线演示的逐页截图，在页面框内滚动可查看完整页面。
设计解读
AI 对这套模板设计的解读：配色、字体、间距、区块和标志性细节。使用模板时，Ottermind 会以它为起点。
这份解读暂时还没有中文版本，先以英文显示。
- 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
模板信息
- 分类
- Portfolio, Blog, Starter Kit
- 技术栈
- Hugo
- 许可
- MIT
- 作者
- Nuno Coracao
- 价格
- 免费
- blog
- dark
- dark-mode
- light
- minimal
- personal
- tailwind
原始设计来自 Nuno Coracao，发布于 Hugo Themes。Ottermind 不会复制模板代码，而是根据需求生成一个全新的网站。
Ottermind 起步用的需求
它会作为草稿在 Studio 中打开，发送前先补充你的品牌、受众和页面。
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.
如何使用这个模板
- 1
点击「使用这个模板」，在 Ottermind Studio 中打开并自动填入需求。
- 2
在需求里补充你的品牌、受众、页面和内容。
- 3
Ottermind 以这套设计为灵感生成一个全新网站，你可以在对话中继续修改。
