Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpengembangMengembangkan alat AI untuk bisnis. Berkualitas tinggi. Terjangkau.Kirim pesan di Telegram
Slash — pratinjau situs dengan gaya ini

Slash

Ruang penyimpanan tengah malam dengan buku besar berlapis emas

Slash beroperasi dalam mode galeri tengah malam: kanvas yang hampir hitam, teks putih, dan satu aksen tembaga hangat sebagai tanda baca. Judul ditampilkan dalam Ivy Presto, jenis huruf serif didone kontras tinggi yang digunakan dalam ukuran ekstrem (hingga 88px)—benturan jenis huruf serif dan sans-serif ini adalah ciri khas sistem, memberikan kesan berwibawa finansial tanpa kesan berwibawa seperti perbankan tradisional. Antarmuka pengguna lainnya sengaja dibuat sederhana: batas tipis, kontrol berbentuk pil, teks isi yang ringkas 16px, dan sedikit lengkungan ke atas untuk memberikan ruang bagi teks. Gradien emas tunggal (garis grafik, aksen mikro) menambahkan kehangatan pada sistem monokrom, membangkitkan cahaya hangat terminal Bloomberg yang dirancang untuk audiens desain.

Konten memiliki lebar 1216px, berpusat, dengan jarak vertikal 160px. Layar beranda adalah kanvas gelap lebar penuh dengan komposisi terpisah: header serif rata kiri (lebar 64–88px) dengan kolom alamat email di bawahnya, dan kartu UI produk besar (tangkapan layar dasbor) di sebelah kanan dengan lebar 50%. Bagian selanjutnya menggunakan header satu kolom yang berpusat (serif, lebar 44–64px) dengan subjudul dalam font Inter, diikuti oleh grid tiga kolom kartu untuk deskripsi fitur/testimoni/blog. Navigasi berupa bilah atas tetap: logo di sebelah kiri, menu tengah (Perusahaan, Produk, Solusi, Klien, Harga, FAQ), login rata kanan (tidak mencolok), dan memulai (elemen berwarna putih). Footer menampilkan grid lima kolom padat berisi tautan dengan informasi perusahaan dan pemberitahuan hukum. Halaman tersebut bergantian antara bagian grid yang kaya konten dan statistik layar penuh—ritme tersebut diciptakan oleh ruang kosong yang luas di antara kolom, bukan oleh pergantian warna latar belakang (seluruh halaman disajikan sebagai kanvas tunggal yang terpadu).

Fotografinya bergaya editorial dan naturalistik: potret hangat para pendiri dan anggota tim di lingkungan kerja nyata mereka (kantor, ruang tamu, lokasi konstruksi). Gambar memenuhi bingkai kartu dari ujung ke ujung, tanpa jarak antar elemen. Gradien gelap digunakan di bagian bawah kartu testimoni untuk meningkatkan keterbacaan teks. Estetika—"LinkedIn bertemu majalah editorial"—bersifat kasual, manusiawi, dan sedikit kalem, tidak pernah dipoles dengan foto stok. Gambar mini artikel menggabungkan foto dengan konsep ilustrasi (seseorang berdiri di labirin, perapian dengan kantong uang). Antarmuka pengguna produk ditampilkan dalam mode gelap dengan opasitas penuh, melayang di atas halaman pada permukaan gelap yang halus—sebuah elemen sentral. Ikon monokrom dengan goresan 1px dalam warna #2e3038 atau #777a88, tidak pernah diisi dengan warna merek.

Palet

Netral

  • Bone #e2e3e9 — Ukuran font besar untuk teks utama, label data yang detail, dan warna teks standar di sebagian besar elemen UI.
  • Obsidian #08080a — Kanvas halaman, latar belakang footer, permukaan tergelap hampir berwarna hitam dengan sedikit semburat biru.
  • Onyx #040406 — Permukaan kartu, yaitu latar belakang tambahan, dibuat satu tingkat lebih dalam daripada halaman untuk efek visual.
  • Carbon #121317 — Panel yang ditinggikan, pengisian UI yang tidak mengganggu - langkah ringan pertama yang terasa dalam evolusi Surface Stack.
  • Graphite #1c1d22 — Batas, pembatas, wadah ikon, penggeser kontrol—nuansa warna paling halus yang menentukan struktur.
  • Slate #2e3038 — Tambahan bingkai, garis ikon yang lebih lembut, pembatas halus antar blok konten.

Tipografi

dari 13 hingga 88px · 9 langkah

  • Ivy Presto — penggantian: Playfair Display · garis besar 400, 500 · Font serif untuk judul dan subjudul—digunakan secara eksklusif untuk judul dan subjudul dengan ukuran 28px ke atas. Goresan didone kontras tinggi dengan serif tipis menciptakan kesan kemewahan editorial; spasi antar huruf positif yang kecil yaitu 0,01em tidak biasa dan memberikan font tampilan seperti cetakan akuntansi. Font serif ini adalah kartu identitas utama merek—font ini membedakan Slash dari semua perusahaan fintech SaaS lainnya yang menggunakan font sans-serif geometris sebagai standar.
  • Inter — penggantian: Inter (self-hosted via Google Fonts) · garis besar 300, 400, 500, 600, 700 · UI Sans—teks utama, navigasi, tombol, label, tautan, kolom formulir, dan subjudul. Teks utama menggunakan font 300 untuk teks sekunder yang tidak mencolok; 500 digunakan untuk teks dengan penekanan sedang dan label tombol; 600 dikhususkan untuk label kategori yang ditulis dengan huruf kapital kecil. Jarak antar huruf negatif berkurang dari 2 (-3) dan berkurang seiring dengan penurunan ukuran, yang merupakan ciri khas penskalaan optik font Inter.

Interval dan bentuk

TujuanArti
Kepadatanluas
Langkah dasar8px
Radius tombol9999px
Radius kartu10px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya160px
Lebar halaman1216px

AI akan membangun situs web Anda dengan gaya Slash 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

  • Modal — Terminal berpendar di ruang server yang gelap - satu-satunya sumber cahaya adalah warna hijau terang.
  • AgentQL — Cahaya aurora borealis di atas terminal pada malam hari.
  • GitHub — Panel komando luar angkasa dengan titik kontrol bioluminesen—ruang kerja yang gelap dan penuh atmosfer di mana satu cahaya hijau menunjukkan arah ke depan.
  • Doppler — Pencahayaan ungu di dalam brankas pada tengah malam. Kanvas yang hampir hitam itu bersinar dengan satu sinyal lavender dan lampu konfirmasi hijau, setiap permukaannya cukup melengkung untuk digenggam.
  • Basedash — Terminal data tengah malam dengan font buram. Sebuah observatorium gelap tempat metrik bersinar ungu dan hijau, judul serif melayang di atas kebisingan, dan tombol berbentuk pil putih adalah satu-satunya objek terang di ruangan dengan permukaan hitam lembut.
  • Superwhisper — Cahaya aurora menghilang di balik kaca tengah malam.
  • Better Stack — Konsol SRE Tengah Malam
  • Langbase — Konsol Cahaya Utara Tengah Malam
  • Astro — Ruang Kontrol Misi Luar Angkasa Jauh dengan cahaya ungu tunggal dari nebula.
  • Wayfinder — Layar film hitam dengan judul yang hampir tak terdengar melayang di atas ilustrasi bergerak. Antarmuka berupa penggeser kecerahan, bukan panel kontrol.
  • HashiCorp — Ruang kendali di tengah malam dengan lampu neon ungu adalah permukaan teknis yang gelap di mana sebuah kubus heksagonal bercahaya berfungsi sebagai satu-satunya referensi warna.
  • Umbrel — Perapian yang nyaman di ruang server malam—ruangan gelap di mana cahaya lembut berwarna peach menyoroti apa yang benar-benar penting.