Steep
Analisis Fon Serif pada Kertas Hangat
Steep mempersembahkan analitik sebagai kandungan editorial—Tajuk utama serif Signifier terapung di atas kanvas putih yang hampir monokrom, dan satu aksen pic yang hangat (#fbe1d1) menggariskan sistem akromatik yang sebaliknya. Halaman tersebut berbunyi seperti hamparan majalah produk: jenis huruf kursif yang besar, ruang teks yang luas, kad besar dengan tepi jejari 24px yang lembut dan kawalan berbentuk pil yang rata dengan permukaan. Komponen terasa tenang dan ringan—bayang-bayang halus, sempadan nipis dan warna digunakan untuk penekanan fungsi (serlahan pic, huruf coklat gelap pada latar belakang pic). Permukaan produk (jadual rantau, gambar rajah pengaktifan, pembina AI) dibentangkan sebagai elemen terapung di sekitar pengepala dan bukannya bersarang di dalam cangkerang papan pemuka.
Susun atur halaman mempunyai lebar maksimum 1200px, berpusat, dengan bahagian utama menduduki hampir keseluruhan lebar halaman tetapi kekal di dalam bekas. Susun atur utama menampilkan pengepala berpusat dengan fon serif yang besar, subpengepala dan sepasang butang pil, dikelilingi oleh empat kad penerangan produk terapung (bahagian atas meja rantau kiri, bahagian kanan kad pendaftaran, gambar rajah pengaktifan kiri bawah, bahagian bawah editor AI tengah) yang bertindih dengan kanvas putih pada pelbagai ofset. Bahagian berselang-seli antara latar belakang Paper White dan Card Mist, mewujudkan irama yang tenang tanpa kontras yang kuat. Bahagian ciri menggunakan susun atur dua lajur teks dan UI dengan talang menegak 80px yang besar. Navigasi ialah bar atas lutsinar tunggal (tiada latar belakang, sempadan atau bayang) dengan logo di sebelah kiri, pautan navigasi di tengah dan dua seruan bertindak (pautan teks + butang pil yang diisi) di sebelah kanan. Ketumpatan susun atur keseluruhan adalah luas—halaman "bernafas" di antara bahagian dan kandungan tidak pernah memenuhi tepi.
Reka bentuk visual berfokuskan produk, bukan gaya hidup: elemen UI terapung (jadual serantau dengan data lima baris, carta garis yang menunjukkan pengaktifan pada bulan Ogos-November, gelang kemajuan jejari, medan input AI) disusun sebagai tangkapan skrin yang dipangkas di sekitar tajuk utama editorial. Tiada gambar, ilustrasi atau grafik abstrak. Semua elemen produk visual diletakkan pada kad terapung putih dengan sempadan nipis dan bayang lembut. Bulatan avatar menampilkan penunjuk arah kursor kecil—motif visual yang menandakan interaksi masa nyata. Komposisi utama ialah kolaj teks dan UI, bukannya tajuk utama di tengah dengan foto stok.
Palet
Neutral
- Ink Black
#17191c— Teks utama, latar belakang butang yang diisi dan logo navigasi adalah satu-satunya permukaan gelap dalam sistem; semua seruan bertindak dan tajuk utama dalam teks utama muncul pada latar belakang hampir hitam ini. - Paper White
#ffffff— Kanvas halaman, teks butang dan permukaan kad timbul merupakan ton latar belakang yang dominan, membawa kira-kira 76 titik frekuensi. - Mist Gray
#f2f2f3— Permukaan kad, latar belakang tambahan, isian medan input—lapisan halimunan di bawah kertas untuk kandungan terbenam. - Fog White
#fafafb— Latar belakang halaman tambahan untuk bahagian dan permukaan berselang-seli semasa menggerakkan tetikus - satu langkah di atas kertas untuk mencipta variasi jalur halus. - Slate Gray
#777b86— Warna pautan, teks tambahan disenyapkan, teks pengaki - Kelabu sejuk dan dinyahtepu yang diletakkan di antara teks utama dan teks yang tidak boleh disertakan. - Ash Gray
#979799— Label tambahan, tag kategori (Pemasaran, Kewangan, Jualan) - satu langkah lebih ringan daripada warna pautan.
Tipografi
dari 15 hingga 90 piksel · 8 langkah
- Signifier — penggantian: GT Sectra · garis besar 400 · Fon serif untuk tajuk utama dan tajuk utama—digunakan secara eksklusif untuk H1/H2 dalam tiga saiz; berat fon kekal pada 400 (biasa) pada semua skala, pilihan istimewa: fon serif berbisik dan bukannya menjerit seperti fon tebal.
- Sohne — penggantian: Inter · garis besar 400, 430, 450, 480, 500 · Fon utama, antara muka dan navigasi adalah serba boleh, merangkumi segala-galanya daripada metadata hingga subtajuk; pemberat separa langkah (430, 450, 480) mewujudkan hierarki halus tanpa melompat ke huruf tebal.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 8px |
| Jejari butang | 9999px |
| Jejari kad | 24px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Steep dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Newformcap — Akhbar editorial di bilik persalinan
- Claude — Artifak yang dicetak pada kertas kulit yang hangat—dakwat pada kertas tulang, tanah liat sebagai satu-satunya nafas warna
- 11x– Digital workers — Sebuah kawasan terbiar editorial sinematik—gambar panorama landskap yang berlatarbelakangkan tajuk utama serif monumental yang berbunyi seperti hamparan majalah mewah
- Revolut — Sebuah karya editorial monokrom berdasarkan gambar awan—dakwat putih, butang kotak pil, sejalur biru berwarna tunggal dalam dunia skala kelabu.
- Scheduling — Dakwat editorial pada kertas krim
- Titan — arkib monokrom bertona hangat
- Programa — Sebuah studio reka bentuk Switzerland pada waktu tengah hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya berwarna kelabu sehingga butang, ikon atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh bilik.
- Sana Agents — Kilauan limau pada latar belakang putih dalam editorial
- Visual — Samizdat editorial yang hangat. Kertas krim, poster serif, marginalia monokrom, satu penanda kuning.
- Midday — Brosur editorial pada vellum - tajuk utama serif 72px pada latar belakang batu yang hangat, salinan badan sans-serif dengan jarak, kawalan berbentuk pil, tiada bayang-bayang
- Chat for impact — Klinik hijau hutan dengan bilik berwarna pastel
- Handhold — Kertas kulit yang hangat di bawah serif yang hampir tidak kedengaran—hamparan editorial, dipasang dengan tangan tanpa hingar kromatik, di mana fon serif 200 mata yang terbaik menyampaikan keseluruhan suara