웹사이트 템플릿

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.