Slash
Peti besi tengah malam dengan lejar berlapis emas
Slash beroperasi dalam mod galeri tengah malam: kanvas hampir hitam, taip putih dan satu aksen tembaga hangat yang berfungsi sebagai tanda baca. Tajuk utama dipaparkan dalam Ivy Presto, serif didone kontras tinggi yang digunakan dalam saiz ekstrem (sehingga 88px)—pertembungan muka taip serif dan sans-serif ini merupakan ciri khas sistem, memberikannya graviti kewangan tanpa graviti brokeraj perbankan tradisional. Antara muka pengguna yang lain sengaja diremehkan: sempadan nipis, kawalan berbentuk pil, teks badan 16px padat dan sapuan ke atas yang halus untuk membolehkan taip bernafas. Satu kecerunan emas (garis carta, aksen mikro) menambah kehangatan pada sistem monokrom, membangkitkan cahaya hangat terminal Bloomberg yang dibina untuk khalayak reka bentuk.
Kandungannya selebar 1216px, berpusat, dengan talang menegak 160px. Skrin utama ialah kanvas gelap selebar penuh dengan komposisi berpecah: pengepala serif sejajar kiri (lebar 64–88px) dengan medan alamat e-mel di bawah, dan kad UI produk yang besar (tangkapan skrin papan pemuka) di sebelah kanan pada lebar 50%. Bahagian seterusnya menggunakan pengepala berpusat satu lajur (serif, selebar 44–64px) dengan subtajuk dalam Inter, diikuti oleh grid kad tiga lajur untuk penerangan ciri/testimoni/blog. Navigasi ialah bar atas tetap: logo di sebelah kiri, menu tengah (Syarikat, Produk, Penyelesaian, Pelanggan, Harga, Soalan Lazim), log masuk sejajar kanan (tidak mencolok), dan permulaan (elemen berisi putih). Pengaki mempunyai grid pautan lima lajur yang padat dengan maklumat syarikat dan notis undang-undang. Halaman ini berselang-seli antara bahagian grid yang kaya dengan kandungan dan statistik skrin penuh—ritma diwujudkan oleh ruang putih yang luas di antara lajur dan bukannya dengan warna latar belakang yang berselang-seli (keseluruhan halaman dibentangkan sebagai kanvas tunggal yang disatukan).
Fotografi ini bersifat editorial dan naturalistik: potret mesra pengasas dan ahli pasukan dalam persekitaran kerja sebenar mereka (pejabat, ruang tamu, tapak pembinaan). Imej memenuhi bingkai kad dari tepi ke tepi, tanpa pelapik. Kecerunan gelap digunakan di bahagian bawah kad testimoni untuk meningkatkan kebolehbacaan teks. Estetika—"LinkedIn bertemu majalah editorial"—bersifat kasual, manusia, dan sedikit diredam, tidak pernah digilap dengan fotografi stok. Gambar kecil artikel menggabungkan gambar dengan konsep ilustrasi (seseorang berdiri di dalam labirin, pendiang api dengan beg wang). UI produk dipaparkan dalam mod gelap dengan kelegapan penuh, melayang di atas halaman pada permukaan gelap yang halus—elemen utama. Ikon adalah monokrom dengan strok 1px dalam #2e3038 atau #777a88, tidak pernah diisi dengan warna jenama.
Palet
Neutral
- Bone
#e2e3e9— Saiz fon besar untuk teks utama, label data terperinci dan nada teks standard merentasi kebanyakan elemen UI. - Obsidian
#08080a— Kanvas halaman, latar belakang pengaki, permukaan paling gelap hampir hitam dengan warna biru halus. - Onyx
#040406— Permukaan kad, latar belakang tambahan, adalah satu langkah lebih dalam daripada halaman untuk kesan visual. - Carbon
#121317— Panel yang dinaikkan, pengisian UI yang tidak mengganggu - langkah pertama yang lebih ringan dalam evolusi Surface Stack - Graphite
#1c1d22— Sempadan, pembahagi, bekas ikon, gelangsar kawalan—warna paling halus yang mentakrifkan struktur. - Slate
#2e3038— Sempadan tambahan, garisan ikon yang disenyapkan, pembahagi halus antara blok kandungan.
Tipografi
dari 13 hingga 88px · 9 langkah
- Ivy Presto — penggantian: Playfair Display · garis besar 400, 500 · Fon serif untuk tajuk dan subtajuk—digunakan secara eksklusif untuk tajuk dan tajuk bahagian pada saiz 28px dan ke atas. Garisan serong kontras tinggi dengan serif nipis mewujudkan rasa kemewahan editorial; jarak huruf positif kecil iaitu 0.01em adalah luar biasa dan memberikan fon penampilan bercetak seperti perakaunan. Fon serif ini merupakan ciri utama jenama—ia membezakan Slash daripada semua syarikat fintech SaaS lain yang menggunakan fon sans-serif geometri secara lalai.
- Inter — penggantian: Inter (self-hosted via Google Fonts) · garis besar 300, 400, 500, 600, 700 · UI Sans—teks utama, navigasi, butang, label, pautan, medan borang dan subtajuk. Teks utama menggunakan fon 300 untuk teks sekunder yang tidak mengganggu; 500 digunakan untuk teks penekanan sederhana dan label butang; 600 dikhaskan untuk label kategori yang ditulis dalam huruf besar kecil. Jarak huruf negatif berkurangan daripada 2 (-3) dan berkurangan apabila saiz berkurangan, yang merupakan tipikal penskalaan optik fon Inter.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 8px |
| Jejari butang | 9999px |
| Jejari kad | 10px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 160px |
| Lebar halaman | 1216px |
AI akan membina laman web anda dalam gaya Slash 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
- Modal — Terminal berpendarfluor di dalam bilik pelayan yang gelap - satu-satunya sumber cahaya ialah warna hijau terang
- AgentQL — Cahaya Utara di atas terminal pada waktu malam
- GitHub — Panel arahan angkasa lepas dengan titik kawalan bioluminesen—ruang kerja yang gelap dan atmosfera di mana satu cahaya hijau menunjukkan arah ke hadapan.
- Doppler — Lampu ungu bilik kebal itu pada tengah malam. Kanvas yang hampir hitam itu bersinar dengan satu isyarat lavender dan lampu pengesahan hijau, setiap permukaan melengkung cukup untuk digenggam.
- Basedash — Terminal data tengah malam dengan fon matte. Sebuah balai cerap gelap di mana metrik bercahaya ungu dan hijau, tajuk utama serif terapung di atas hingar, dan butang putih berbentuk pil adalah satu-satunya objek terang di dalam bilik permukaan hitam lembut.
- Superwhisper — Cahaya utara menghilang di atas kaca tengah malam
- Better Stack — Konsol SRE Tengah Malam
- Langbase — Konsol Cahaya Utara Tengah Malam
- Astro — Kawalan Misi Angkasa Lepas Dalam dengan cahaya ungu tunggal dari nebula
- Wayfinder — Skrin filem hitam dengan tajuk yang hampir tidak kedengaran berlegar di atas ilustrasi langsung. Antara mukanya ialah gelangsar kecerahan dan bukannya panel kawalan.
- HashiCorp — Bilik kawalan pada tengah malam dengan neon ungu ialah permukaan teknikal gelap di mana kiub heksagon bercahaya berfungsi sebagai satu-satunya rujukan warna.
- Umbrel — Sebuah lubang unggun api yang selesa di bilik pelayan malam—sebuah bilik gelap di mana satu cahaya pic menonjolkan apa yang benar-benar penting.