Webサイトテンプレート

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.