웹사이트 템플릿

Grayscale

A multipurpose one page Bootstrap theme created by Start Bootstrap

이 템플릿의 설명은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Landing Page · 무료

라이브 데모 열기 소스 저장소 보기

페이지

라이브 데모의 페이지별 스크린샷입니다. 페이지 안에서 스크롤하면 전체를 볼 수 있습니다.

Grayscale 웹사이트 템플릿, /startbootstrap-grayscale/ 페이지, 2부분 — /startbootstrap-grayscale/Grayscale - Start Bootstrap Theme

디자인 분석

이 템플릿 디자인을 AI가 분석한 내용입니다: 색상, 글꼴, 여백, 섹션, 특징적인 디테일. 템플릿을 사용하면 Ottermind가 여기에서 시작합니다.

이 분석은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Overall: landing page, minimalist, low density, dark
Palette: background #ffffff; surfaces [#f8f9fa, #000000, #64a19d]; text #000000; muted text #ffffff; primary #64a19d; accents []
Type: headings Varela Round, 500, uppercase; body Nunito, 16px; scale h1 104px / h2 20px / h3 16px
Shape & spacing: button/card radius 6px, no borders, subtle drop shadows, section spacing 80px, content width 1224px
Sections (top to bottom): Hero — full-width grayscale mountain image overlay, centered headline "GRAYSCALE" in large uppercase, subheading in sentence-case, teal CTA button "GET STARTED", navigation bar with logo and links at top-right
Feature — dark background, centered heading "Built with Bootstrap 5", paragraph text below, tablet mockup angled at bottom right showing theme preview
Portfolio — grid of four black-and-white landscape images with alternating text blocks on white or black backgrounds, each with title and description, vertical teal accent line on left of first block
Newsletter — dark background with foggy mountain backdrop, centered email input field and teal "NOTIFY ME!" button, subscription prompt above
Footer — three light cards with icons (address, email, phone), contact details, social icons (Twitter, Facebook, LinkedIn), copyright text centered
Signature details: Monochromatic grayscale imagery throughout
Teal accent color used sparingly for CTAs and highlights
Clean sans-serif typography with contrast between bold headings and soft body text
Floating tablet mockup with transparent screen effect
Minimalist card layout with consistent padding and rounded corners
Subtle gradient overlays on hero and footer sections
Other pages: /about: not shown
/projects: not shown
/contact: not shown

템플릿 정보

카테고리: Landing Page
기술: Bootstrap, HTML5
라이선스: MIT
제작자: Start Bootstrap
게시처: Start Bootstrap
가격: 무료

bootstrap
bootstrap-4
bootstrap-5
bootstrap-5-template
bootstrap-template
bootstrap-theme
bootstrap4
bootstrap5
bootstrap5-template
css
free
html

원본 디자인: Start Bootstrap (Start Bootstrap에 게시). Ottermind는 템플릿 코드를 복사하지 않고, 브리프를 바탕으로 새 사이트를 만듭니다.

Ottermind가 시작하는 브리프

Studio에서 초안으로 열립니다. 보내기 전에 브랜드, 대상, 페이지를 추가하세요.

Build a landing page website inspired by the "Grayscale" template. Reference brief: A multipurpose one page Bootstrap theme created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-theme. Use original copy and imagery for my brand rather than the reference's placeholder content.