Web sitesi şablonu

Big Picture

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

Bu şablonun açıklaması henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.

Website · Ücretsiz

Canlı demoyu aç
Big Picture

Sayfalar

Canlı demonun sayfa sayfa ekran görüntüleri. Tamamını görmek için sayfanın içinde kaydırın.

/big-pictureBig Picture | HTML5 UP
Big Picture web sitesi şablonu, /big-picture sayfası, bölüm 1

Tasarım analizi

Bu şablonun tasarımının yapay zekâ ile okunması: renkler, yazı tipleri, boşluklar, bölümler ve öne çıkan ayrıntılar. Şablonu kullandığınızda Ottermind buradan başlar.

Bu analiz henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.

Overall

personal portfolio, minimalist, low density, light

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 radius 4px; no borders; no shadows; section spacing 80px; content width 1200px

Sections (top to bottom)
  • Header — fixed, full-width, white background with logo on left, navigation links right-aligned, dark gray text
  • Hero — full-bleed image background with overlay, centered "Hey." headline in large white text, subtext below in smaller white, downward arrow icon in thin white circle below
  • Navigation — horizontal, top-aligned, white background, dark gray text, no underline
Signature details
  • Full-bleed hero image with semi-transparent overlay
  • Centered, minimal typographic hierarchy
  • Downward scroll indicator as a circular outline with arrow
  • Fixed header with clean, spaced navigation
  • Use of soft contrast between text and image background
  • Consistent use of Source Sans Pro across all elements
Other pages
  • /intro: intro section with paragraph and two CTA buttons
  • /what-i-do: grid layout with three columns of services
  • /who-i-am: single-column bio with image on left
  • /my-work: portfolio grid with project thumbnails
  • /contact: contact form with input fields and submit button

Şablon ayrıntıları

Kategori
Website
Teknoloji
HTML5
Lisans
CC-BY-3.0
Yazar
HTML5 UP
Yayınlandığı yer
HTML5 UP
Fiyat
Ücretsiz
  • HTML5
  • Responsive

Orijinal tasarım: HTML5 UP, HTML5 UP üzerinde yayınlandı. Ottermind şablonun kodunu kopyalamaz; brife göre yeni bir site oluşturur.

Ottermind’in başladığı brif

Studio’da taslak olarak açılır; göndermeden önce markanızı, hedef kitlenizi ve sayfalarınızı ekleyin.

Build a website website inspired by the "Big Picture" template. Reference brief: Big Picture 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.

Bu şablon nasıl kullanılır

  1. 1

    Brifi doldurulmuş şekilde Ottermind Studio’da açmak için “Bu şablonu kullan”a tıklayın.

  2. 2

    Brife markanızı, hedef kitlenizi, sayfalarınızı ve içeriğinizi ekleyin.

  3. 3

    Ottermind bu tasarımdan ilham alan yeni bir site oluşturur; sohbette düzenlemeye devam edin.