网站模板

Parallelism

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

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

Website · 免费

打开在线演示

页面

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

设计解读

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

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

Overall: portfolio site, artistic mood, medium density, light/dark hybrid
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/card radius 4px, no borders, soft shadows on cards, section spacing 20px, content width full-width
Sections (top to bottom): Header — fixed navigation bar with dark background, logo and device tabs, right-aligned action buttons (Post, Back, Download)
Hero — full-width image background with overlay gradient, grid of image tiles in two rows, each tile has a dark semi-transparent caption bar with white text
Footer — dark translucent overlay with centered text block, social icons aligned right, copyright and attribution text in small font
Signature details: Grid layout of visually rich image tiles with consistent caption bars
Semi-transparent dark overlays on images for text legibility
Primary color accent used in hero panel and CTA button
Soft blur effect on background image behind footer
Consistent use of rounded corners on all interactive elements
Hover effects implied by visual hierarchy on image tiles
Other pages: none shown

模板信息

分类: 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 "Parallelism" template. Reference brief: Parallelism 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.