Linear
instrumen ketepatan tengah malam
Sistem reka bentuk Linear ialah pusat arahan malam yang dibina di atas permukaan hampir hitam (#08090a) dengan jenis putih bersih dan aksen hijau limau tunggal (#e4f222) yang berfungsi sebagai lampu suluh berfungsi—kecil, kontras tinggi dan digunakan secara sederhana untuk menunjukkan tindakan. Antara muka menganggap kegelapan sebagai asas dan bukannya tema: teks berwarna putih bersih dengan jarak huruf yang ketat (-0.022em), pemberat fon berada dalam julat rendah 400–510 dan bukannya tebal dan sempadan ultra nipis (0.5px) untuk membolehkan geometri melakukan kerja yang biasanya dilakukan oleh bayang-bayang. Komponen terasa direka bentuk dengan tepat—jejari 6px dan 12px, margin padat 8–12px dan kekurangan elemen hiasan yang hampir sepenuhnya—membolehkan UI produk (kad tugasan, papan Kanban, panel ejen AI) menjadi satu-satunya tekstur visual dalam sistem yang sebaliknya tenang.
Susun atur mempunyai lebar maksimum kira-kira 1200px, di tengah, dengan latar belakang gelap memanjang ke tepi viewport. Elemen utama ialah tajuk utama yang besar, dijajarkan ke kiri (64–72px), dipasangkan dengan seruan bertindak (CTA) dijajarkan ke kanan, diikuti dengan tangkapan skrin produk yang besar yang memanjang sedikit melebihi lebar maksimum. Rentak bahagian berselang-seli antara komposisi dua lajur dengan teks di sebelah kiri dan imej di sebelah kanan, dan jalur paparan produk lebar penuh yang dipisahkan oleh talang menegak 96px. Jalur dengan logo pelanggan ialah satu baris mendatar. Halaman tidak pernah menggunakan grid kad tiga lajur atau struktur berjubin—ketumpatan maklumat kekal rendah, dengan kebanyakan bahagian menggunakan ruang putih yang luas dan satu elemen fokus pada skrin. Navigasi ialah bar atas tetap dengan logo dijajarkan ke kiri dan pautan dijajarkan ke kanan, tanpa bar sisi atau mega-menu.
Bahasa visual Linear adalah berdasarkan tangkapan skrin produk: ilustrasi pada permulaan dan dalam bahagian-bahagiannya adalah imej sebenar antara muka pengguna aplikasi Linear, yang dirakam dengan terperinci maksimum—kad tugasan, papan Kanban, papan pemuka ejen AI, palet arahan—diletakkan dalam bingkai berbingkai nipis. Tiada foto stok, tiada imej gaya hidup, tiada ilustrasi abstrak. Logo dipaparkan sebagai jalur kelabu neutral (#8a8f98) bersaiz seragam untuk pelanggan. Ikon ialah imej SVG linear minimalis dalam skala kelabu monokromatik. Tangkapan skrin di bahagian atas halaman terapung pada kecerunan linear yang halus (dari gelap ke terang), mewujudkan kedalaman atmosfera tanpa menggunakan landskap sebenar. Setiap elemen visual ialah elemen berfungsi produk itu sendiri.
Palet
Jenama
- Acid Lime
#e4f222— Butang kawalan utama dan penunjuk navigasi aktif merupakan aksen terang yang memecahkan skema warna monokrom.
Neutral
- Mist
#d0d6e0— Tajuk sekunder, teks butang pada permukaan gelap - Void
#08090a— Kanvas halaman, imej latar belakang lebar penuh - secara lalai, semua elemen diletakkan pada latar belakang ini. - Carbon
#0f1011— Permukaan kad, bar navigasi, adalah satu langkah di atas kanvas untuk meletakkan kandungan di dalam kad. - Obsidian
#161718— Permukaan yang dinaikkan, panel kadbod yang lebih dalam - Graphite
#23252a— Sempadan halus, pemisah, garisan butang halus – tepi bertekstur kontras rendah - Smoke
#383b3f— Sempadan nipis mempunyai kontras yang lebih tinggi daripada pemisah keratan grafit.
Tipografi
dari 13 hingga 72px · 8 langkah
- Inter Variable — penggantian: Inter (variable) · garis besar 300, 400, 510, 590 · UI Utama dan Fon Pengepala - Digunakan dalam navigasi, teks isi, pengepala, butang dan kad.
- Berkeley Mono — penggantian: JetBrains Mono · garis besar 400 · Teks UI bersebelahan kod - pengecam keluaran (ENG-2703), pintasan papan kekunci, metadata fon monospace
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 8px |
| Jejari butang | 6px |
| Jejari kad | 12px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 96px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Linear 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
- Aaru — Balai Cerap Medan Zarah pada Tengah Malam
- Atlas Card — Midnight Vault, dengan sinar nilam tunggalnya, merupakan kawasan gelap gelita di mana satu-satunya perkara yang penting ialah warna biru elektrik yang pekat.
- Checkly — Pusat Kawalan Misi Orbit Dalam
- Savee — Kanvas Hitam untuk Kurator Visual
- Inngest — Sebuah balai cerap yang gelap dan sunyi, dilengkapi untuk bekerja dengan instrumen, diterangi oleh satu lampu pandu berwarna jingga
- Dala — sebuah buruj yang melayang di atas baldu hitam
- Origin Financial — Sebuah galeri tengah malam yang penuh dengan kemewahan yang tenang. Sebuah bilik yang sunyi dan hampir gelap di mana fon serif yang besar dan beberapa panel berwarna yang diterangi mencipta perasaan bahawa kewangan adalah karya seni yang dikurasi dengan teliti.
- Hyperstudio — Reka bentuknya dicoret menjadi obsidian. Teks dan garisan halus membingkai ruang putih berwarna hitam tulen, dengan tanda kompas keemasan sekali-sekala menunjukkan jalan.
- Air — arca "Langit Tengah Malam Melalui Kaca"
- Resend — baldu hitam dengan warna neon ungu
- Raycast — Pusat Perintah Tengah Malam, Coral Neon
- Dimension — stesen kerja yang diterangi cahaya senja dengan panel kaca berkabut