网站模板

Helios

Helios is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP.

这个模板的介绍暂时还没有中文版本，先以英文显示。

Website · 免费

打开在线演示

页面

在线演示的逐页截图，在页面框内滚动可查看完整页面。

设计解读

AI 对这套模板设计的解读：配色、字体、间距、区块和标志性细节。使用模板时，Ottermind 会以它为起点。

这份解读暂时还没有中文版本，先以英文显示。

Overall: landing page, modern, minimal, light/dark contrast
Palette: background #fafbfd; surfaces [#dee0e3, #373d49, #e7746f, #676d79]; text #676d79; muted text #ffffff; primary #e7746f; accents []
Type: headings Source Sans Pro, 600, sentence-case; body Source Sans Pro, 22px; scale h1 16px, h2 35px, h3 22px
Shape & spacing: button radius 4px, no borders, soft shadows, section spacing 80px, content width 100% full-bleed
Sections (top to bottom): Header — horizontal navigation bar with tabs (Desktop, Tablet, etc.), dark gray background, white text, fixed position
Hero — full-width blurred grayscale architectural image background, centered white headline "Helios", subtitle in smaller white text, circular coral "Start" button below, thin horizontal line separator
Signature details: Full-bleed hero with blurred architectural imagery
Circular primary CTA button with soft shadow
Centered vertical layout with ample negative space
Dark header with light text and subtle tab indicators
Minimalist typography hierarchy using consistent sans-serif family
Other pages: /dropdown: dropdown menu demonstration
/left-sidebar: left-aligned sidebar layout
/right-sidebar: right-aligned sidebar layout
/no-sidebar: full-width content without sidebars

模板信息

分类: Website
技术栈: HTML5
许可: CC-BY-3.0
作者: HTML5 UP
来源: HTML5 UP
价格: 免费

HTML5
Responsive

原始设计来自 HTML5 UP，发布于 HTML5 UP。Ottermind 不会复制模板代码，而是根据需求生成一个全新的网站。

Ottermind 起步用的需求

它会作为草稿在 Studio 中打开，发送前先补充你的品牌、受众和页面。

Build a website website inspired by the "Helios" template. Reference brief: Helios is a free, fully responsive HTML5 and CSS3 site template by HTML5 UP. Style and features to reflect: HTML5, Responsive. Use original copy and imagery for my brand rather than the reference's placeholder content.