Steep
Analisis Font Serif ing Kertas Anget
Steep nampilake analitik minangka konten editorial—Judhul serif Signifier ngambang ing ndhuwur kanvas putih sing meh monokrom, lan aksen peach anget siji (#fbe1d1) nandheske sistem akromatik sing sejatine. Kaca kasebut diwaca kaya majalah produk: jinis huruf kursif gedhe, papan teks sing jembar, kertu gedhe kanthi pinggiran radius 24px sing alus, lan kontrol awujud pil sing rata karo permukaan. Komponen krasa tenang lan tanpa bobot—bayangan alus, wates tipis, lan warna digunakake kanggo penekanan fungsional (seru peach, huruf coklat peteng ing latar mburi peach). Permukaan produk (tabel wilayah, diagram aktivasi, pembangun AI) ditampilake minangka elemen ngambang ing sekitar header tinimbang disusupi ing cangkang dashboard.
Tata letak kaca nduweni jembar maksimal 1200px, ing tengah, kanthi bagean utama meh ngenggoni kabeh jembar kaca nanging tetep ana ing njero wadhah. Tata letak utama nduweni header ing tengah kanthi font serif gedhe, subheader, lan sepasang tombol pil, diubengi dening papat kertu deskripsi produk sing ngambang (kiwa ndhuwur meja wilayah, tengen kertu registrasi, kiwa ngisor diagram aktivasi, tengah ngisor editor AI) sing tumpang tindih karo kanvas putih ing macem-macem offset. Bagean ganti-ganti antarane latar mburi Paper White lan Card Mist, nggawe irama sing tenang tanpa kontras sing kuwat. Bagean fitur nggunakake tata letak teks lan UI rong kolom kanthi talang vertikal 80px gedhe. Navigasi minangka siji bilah ndhuwur transparan (tanpa latar mburi, wates, utawa bayangan) kanthi logo ing sisih kiwa, pranala navigasi ing tengah, lan rong ajakan tumindak (pranala teks + tombol pil sing diisi) ing sisih tengen. Kapadhetan tata letak sakabèhé jembar—kaca "ambegan" ing antarane bagean, lan konten ora tau ngebaki pinggiran.
Desain visual iki fokus ing produk, dudu fokus ing gaya urip: elemen UI sing ngambang (tabel regional kanthi data limang baris, grafik garis sing nuduhake aktivasi ing Agustus-November, cincin kemajuan radial, kolom input AI) disusun minangka gambar sing dipotong ing sekitar judhul editorial. Ora ana foto, ilustrasi, utawa grafis abstrak. Kabeh elemen produk visual diselehake ing kertu ngambang putih kanthi wates tipis lan bayangan alus. Lingkaran avatar nduweni indikator arah kursor cilik—motif visual sing menehi sinyal interaksi wektu nyata. Komposisi utama yaiku kolase teks lan UI, tinimbang judhul sing ana ing tengah kanthi foto stok.
Palet
Netral
- Ink Black
#17191c— Teks utama, latar mburi tombol sing diisi, lan logo navigasi minangka siji-sijine permukaan peteng ing sistem kasebut; kabeh ajakan tumindak lan judhul ing teks utama katon ing latar mburi sing meh ireng iki. - Paper White
#ffffff— Kanvas kaca, teks tombol, lan permukaan kertu sing timbul minangka nada latar mburi sing dominan, nggawa kira-kira 76 titik frekuensi. - Mist Gray
#f2f2f3— Permukaan kertu, latar mburi tambahan, isi kolom input—lapisan sing ora katon ing sangisore kertas kanggo konten sing disematkan. - Fog White
#fafafb— Latar mburi kaca tambahan kanggo bagean sing selang-seling lan permukaan sing nglayang - sak langkah ing ndhuwur kertas kanggo nggawe variasi garis sing alus. - Slate Gray
#777b86— Werna pranala, teks bantu sing diredam, teks footer - Abu-abu sing adhem lan ora jenuh sing diselehake ing antarane teks utama lan teks sing ora bisa dilebokake. - Ash Gray
#979799— Label tambahan, tag kategori (Pemasaran, Keuangan, Penjualan) - selangkah luwih entheng tinimbang warna pranala.
Tipografi
saka 15 nganti 90px · 8 langkah
- Signifier — panggantos: GT Sectra · garis besar 400 · Font serif kanggo judhul lan judhul—digunakake khusus kanggo H1/H2 ing telung ukuran; bobot font tetep ing 400 (reguler) ing kabeh skala, pilihan khas: font serif bisik-bisik tinimbang njerit kaya font kandel.
- Sohne — panggantos: Inter · garis besar 400, 430, 450, 480, 500 · Font utama, antarmuka, lan navigasi iku serbaguna, nyakup kabeh saka metadata nganti subjudul; bobot semi-stepped (430, 450, 480) nggawe hierarki sing alus tanpa mlumpat menyang kandel.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 8px |
| Radius tombol | 9999px |
| Radius kertu | 24px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 80px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Steep lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Newformcap — Koran redaksi ing ruang ganti
- Claude — Artefak sing dicithak ing perkamen anget—tinta ing kertas balung, lempung minangka siji-sijine ambegan warna
- 11x– Digital workers — Tanah gersang editorial sinematik—foto panorama lanskap sing dipasang ing ngarepe judhul serif monumental sing diwaca kaya panyebaran majalah mewah
- Revolut — Karya editorial monokrom adhedhasar foto mega—tinta putih, kancing kotak obat, sepotong garis biru warna ing jagad abu-abu.
- Scheduling — Tinta editorial ing kertas krem
- Titan — arsip monokrom kanthi warna anget
- Programa — Studio desain Swiss ing wayah awan. Tembok galeri putih disinari lampu meja kuning siji—kabeh wernane abu-abu nganti ana tombol, ikon, utawa aksen sing narik kawigaten, banjur aksen kuning siji kuwi nemtokake kabeh ruangan.
- Sana Agents — Jeruk nipis berkilau ing latar mburi putih ing editorial
- Visual — Samizdat editorial sing anget. Kertas krem, poster serif, marginalia monokrom, siji spidol kuning.
- Midday — Brosur editorial nganggo vellum - judhul serif 72px ing latar watu sing anget, salinan awak sans-serif kanthi jarak, kontrol awujud pil, tanpa bayangan
- Chat for impact — Klinik ijo alas kanthi kamar-kamar warna pastel
- Handhold — Perkamen anget ing sangisore serif sing meh ora keprungu—sebaran editorial, disetel nganggo tangan tanpa gangguan kromatik, ing ngendi font serif 200 poin sing paling apik nggambarake kabeh swara