網站範本

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.