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

Linear

instrumen presisi tengah malam

Sistem desain Linear adalah pusat komando malam hari yang dibangun di atas permukaan hampir hitam (#08090a) dengan tipografi putih yang tajam dan aksen hijau limau tunggal (#e4f222) yang berfungsi sebagai senter fungsional—kecil, kontras tinggi, dan digunakan secara hemat untuk menunjukkan tindakan. Antarmuka memperlakukan kegelapan sebagai fondasi daripada tema: teks berwarna putih tajam dengan jarak antar huruf yang rapat (-0,022em), bobot font berada di kisaran rendah 400–510 daripada tebal, dan batasnya sangat tipis (0,5px) agar geometri dapat melakukan pekerjaan yang biasanya dilakukan oleh bayangan. Komponen terasa dibuat dengan presisi—radius 6px dan 12px, margin kompak 8–12px, dan hampir tidak adanya elemen dekoratif—memungkinkan UI produk (kartu tugas, papan Kanban, panel agen AI) menjadi satu-satunya tekstur visual dalam sistem yang tenang.

Tata letak memiliki lebar maksimum sekitar 1200px, terpusat, dengan latar belakang gelap yang membentang hingga tepi tampilan. Elemen utamanya adalah judul besar, rata kiri (64–72px), dipasangkan dengan ajakan bertindak (CTA) rata kanan, diikuti oleh tangkapan layar produk besar yang sedikit melampaui lebar maksimum. Ritme bagian-bagiannya bergantian antara komposisi dua kolom dengan teks di sebelah kiri dan gambar di sebelah kanan, dan strip tampilan produk lebar penuh yang dipisahkan oleh jarak vertikal 96px. Strip dengan logo klien adalah satu baris horizontal. Halaman ini tidak pernah menggunakan grid kartu tiga kolom atau struktur ubin—kepadatan informasi tetap rendah, dengan sebagian besar bagian menggunakan ruang putih yang cukup dan satu elemen fokus di layar. Navigasinya adalah bilah atas tetap dengan logo rata kiri dan tautan rata kanan, tanpa bilah samping atau mega-menu.

Bahasa visual Linear didasarkan pada tangkapan layar produk: ilustrasi di awal dan di setiap bagian adalah gambar nyata antarmuka pengguna aplikasi Linear, yang diambil dengan detail maksimal—kartu tugas, papan Kanban, dasbor agen AI, palet perintah—ditempatkan dalam bingkai tipis. Tidak ada foto stok, tidak ada gambar gaya hidup, tidak ada ilustrasi abstrak. Logo ditampilkan sebagai garis abu-abu netral (#8a8f98) dengan ukuran seragam untuk pelanggan. Ikon berupa gambar SVG linier minimalis dalam skala abu-abu monokromatik. Tangkapan layar di bagian atas halaman mengambang pada gradien linier halus (dari gelap ke terang), menciptakan kedalaman atmosfer tanpa menggunakan lanskap nyata. Setiap elemen visual adalah elemen fungsional dari produk itu sendiri.

Palet

Merek

  • Acid Lime #e4f222 — Tombol kontrol utama dan indikator navigasi aktif menjadi aksen cerah yang memecah skema warna monokrom.

Netral

  • Mist #d0d6e0 — Judul sekunder, teks tombol pada permukaan gelap
  • Void #08090a — Kanvas halaman, gambar latar belakang lebar penuh - secara default, semua elemen ditempatkan di atas latar belakang ini.
  • Carbon #0f1011 — Permukaan kartu, bilah navigasi, merupakan langkah lebih maju daripada kanvas untuk menempatkan konten di dalam kartu.
  • Obsidian #161718 — Permukaan yang ditinggikan, panel karton yang lebih dalam
  • Graphite #23252a — Garis tepi yang halus, pemisah, garis luar tombol yang samar – tepi bertekstur dengan kontras rendah.
  • Smoke #383b3f — Garis tepi tipis memiliki kontras yang lebih tinggi daripada pemisah bagian grafit.

Tipografi

dari 13 hingga 72px · 8 langkah

  • Inter Variable — penggantian: Inter (variable) · garis besar 300, 400, 510, 590 · Font UI Utama dan Header - Digunakan dalam navigasi, teks isi, judul, tombol, dan kartu.
  • Berkeley Mono — penggantian: JetBrains Mono · garis besar 400 · Teks UI yang berdekatan dengan kode - pengidentifikasi rilis (ENG-2703), pintasan keyboard, metadata font monospace

Interval dan bentuk

TujuanArti
Kepadatanluas
Langkah dasar8px
Radius tombol6px
Radius kartu12px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya96px
Lebar halaman1200px

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

  • Aaru — Observatorium Medan Partikel di Tengah Malam
  • Atlas Card — Midnight Vault, dengan satu pancaran safirnya, adalah hamparan gelap gulita di mana satu-satunya hal yang penting adalah warna biru elektrik yang pekat.
  • Checkly — Pusat Kontrol Misi Orbit Dalam
  • Savee — Kanvas Hitam untuk Kurator Visual
  • Inngest — Sebuah observatorium yang gelap dan tenang, dilengkapi untuk bekerja dengan instrumen, diterangi oleh satu lampu pilot berwarna kuning.
  • Dala — sebuah gugusan bintang yang melayang di atas beludru hitam
  • Origin Financial — Sebuah galeri tengah malam yang penuh kemewahan yang tenang. Sebuah ruangan yang sunyi, hampir gelap, di mana font serif besar dan beberapa panel berwarna yang bercahaya menciptakan perasaan bahwa keuangan adalah sebuah karya seni yang dikurasi dengan cermat.
  • Hyperstudio — Desainnya diukir pada batu obsidian. Teks dan garis-garis halus membingkai ruang putih berwarna hitam pekat, dengan tanda kompas emas sesekali yang menunjukkan arah.
  • Air — patung "Langit Tengah Malam Melalui Kaca"
  • Resend — beludru hitam dengan warna neon ungu
  • Raycast — Pusat Komando Tengah Malam, Neon Karang
  • Dimension — sebuah area kerja yang diterangi cahaya senja dengan panel kaca buram.