Steep
Analisis Huruf Serif pada Kertas Hangat
Steep menyajikan analitik sebagai konten editorial—judul serif Signifier melayang di atas kanvas putih yang hampir monokrom, dan aksen peach hangat tunggal (#fbe1d1) menggarisbawahi sistem yang sebagian besar tanpa warna. Halaman tersebut tampak seperti halaman majalah produk: jenis huruf besar dan kursif, ruang teks yang luas, kartu besar dengan tepi radius 24px yang lembut, dan kontrol berbentuk pil yang rata dengan permukaan. Komponen terasa tenang dan ringan—bayangan halus, batas tipis, dan warna digunakan untuk penekanan fungsional (penanda peach, huruf cokelat gelap pada latar belakang peach). Permukaan produk (tabel wilayah, diagram aktivasi, pembuat AI) disajikan sebagai elemen mengambang di sekitar header daripada bersarang di dalam kerangka dasbor.
Tata letak halaman memiliki lebar maksimum 1200px, terpusat, dengan bagian utama menempati hampir seluruh lebar halaman tetapi tetap berada di dalam wadah. Tata letak utama menampilkan header terpusat dengan font serif besar, subheader, dan sepasang tombol pil, dikelilingi oleh empat kartu deskripsi produk mengambang (tabel wilayah kiri atas, kartu registrasi kanan, diagram aktivasi kiri bawah, editor AI tengah bawah) yang tumpang tindih dengan kanvas putih pada berbagai offset. Bagian-bagian bergantian antara latar belakang Paper White dan Card Mist, menciptakan ritme yang tenang tanpa kontras yang kuat. Bagian fitur menggunakan tata letak dua kolom teks dan UI dengan jarak vertikal 80px yang besar. Navigasi berupa bilah atas transparan tunggal (tanpa latar belakang, batas, atau bayangan) dengan logo di sebelah kiri, tautan navigasi di tengah, dan dua ajakan bertindak (tautan teks + tombol pil terisi) di sebelah kanan. Kepadatan tata letak secara keseluruhan lapang—halaman "bernapas" di antara bagian-bagian, dan konten tidak pernah memenuhi tepi.
Desain visualnya berfokus pada produk, bukan gaya hidup: elemen UI mengambang (tabel regional dengan data lima baris, grafik garis yang menunjukkan aktivasi pada Agustus-November, cincin kemajuan radial, kolom input AI) disusun sebagai tangkapan layar yang dipotong di sekitar judul editorial. Tidak ada foto, ilustrasi, atau grafik abstrak. Semua elemen produk visual ditempatkan pada kartu mengambang putih dengan batas tipis dan bayangan lembut. Lingkaran avatar menampilkan indikator arah kursor kecil—motif visual yang menandakan interaksi waktu nyata. Komposisi utamanya adalah kolase teks dan UI, bukan judul yang terpusat dengan foto stok.
Palet
Netral
- Ink Black
#17191c— Teks utama, latar belakang tombol yang terisi, dan logo navigasi adalah satu-satunya permukaan gelap dalam sistem; semua ajakan bertindak dan judul dalam teks utama muncul dengan latar belakang yang hampir hitam ini. - Paper White
#ffffff— Kanvas halaman, teks tombol, dan permukaan kartu timbul merupakan nada latar belakang dominan, dengan frekuensi sekitar 76 titik. - Mist Gray
#f2f2f3— Permukaan kartu, latar belakang tambahan, isian kolom input—lapisan tak terlihat di bawah kertas untuk konten yang disematkan. - Fog White
#fafafb— Latar belakang halaman tambahan untuk bagian dan permukaan yang bergantian saat diarahkan kursor - satu langkah di atas kertas untuk menciptakan variasi garis yang halus. - Slate Gray
#777b86— Warna tautan, teks tambahan yang redup, teks footer - Warna abu-abu sejuk dan pudar ditempatkan di antara teks utama dan teks yang tidak dapat disertakan. - Ash Gray
#979799— Label tambahan, tag kategori (Pemasaran, Keuangan, Penjualan) - satu tingkat lebih terang dari warna tautan.
Tipografi
dari 15 hingga 90px · 8 langkah
- Signifier — penggantian: GT Sectra · garis besar 400 · Font serif untuk headline dan subjudul—digunakan secara eksklusif untuk H1/H2 dalam tiga ukuran; ketebalan font tetap 400 (reguler) di semua skala, sebuah pilihan khas: font serif berbisik daripada berteriak seperti font tebal.
- Sohne — penggantian: Inter · garis besar 400, 430, 450, 480, 500 · Font utama, antarmuka, dan navigasi bersifat serbaguna, mencakup segala hal mulai dari metadata hingga subjudul; bobot semi-bertingkat (430, 450, 480) menciptakan hierarki yang halus tanpa langsung beralih ke tebal.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 8px |
| Radius tombol | 9999px |
| Radius kartu | 24px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Steep dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Newformcap — Surat kabar editorial di ruang ganti
- Claude — Sebuah artefak yang dicetak di atas perkamen hangat—tinta di atas kertas tulang, tanah liat sebagai satu-satunya sentuhan warna.
- 11x– Digital workers — Sebuah lanskap editorial yang tandus secara sinematik—foto-foto panorama pemandangan yang dipadukan dengan judul-judul monumental bergaya serif yang tampak seperti halaman majalah mewah.
- Revolut — Sebuah karya editorial monokrom yang didasarkan pada foto awan—tinta putih, kancing kotak pil, satu garis warna biru di dunia yang didominasi warna abu-abu.
- Scheduling — Tinta editorial di atas kertas krem.
- Titan — arsip monokrom bernuansa hangat
- Programa — Sebuah studio desain Swiss di siang hari. Dinding galeri putih diterangi oleh satu lampu meja kuning—semuanya dalam nuansa abu-abu hingga sebuah tombol, ikon, atau aksen menarik perhatian, dan kemudian aksen kuning tunggal itu mendefinisikan seluruh ruangan.
- Sana Agents — Kilauan hijau limau di latar belakang putih dalam editorial.
- Visual — Samizdat editorial yang hangat. Kertas krem, poster serif, marginalia monokrom, satu spidol kuning.
- Midday — Brosur editorial di atas kertas vellum - judul serif 72px dengan latar belakang batu hangat, teks isi sans-serif dengan spasi, kontrol berbentuk pil, tanpa bayangan.
- Chat for impact — Klinik berwarna hijau hutan dengan ruangan-ruangan berwarna pastel.
- Handhold — Kertas perkamen hangat di bawah huruf serif yang hampir tak terdengar—sebuah tata letak editorial, disusun secara manual tanpa gangguan warna, di mana font serif 200 poin terbaik menyampaikan keseluruhan suara.