Linear
instrumen presisi tengah wengi
Sistem desain Linear kuwi pusat komando wengi sing dibangun ing permukaan sing meh ireng (#08090a) kanthi jinis putih resik lan aksen ijo jeruk nipis siji (#e4f222) sing fungsine kaya senter fungsional—cilik, kontras dhuwur, lan digunakake kanthi hemat kanggo nuduhake tumindak. Antarmuka iki nganggep pepeteng minangka dhasar tinimbang tema: teks warnane putih resik kanthi jarak huruf sing rapet (-0.022em), bobot font ana ing kisaran 400–510 sing endhek tinimbang kandel, lan watese tipis banget (0.5px) supaya geometri bisa nindakake pakaryan sing biasane ditindakake dening bayangan. Komponen-komponen kasebut digawe kanthi tepat—radius 6px lan 12px, margin 8–12px sing kompak, lan meh ora ana unsur dekoratif—sing ngidini UI produk (kartu tugas, papan Kanban, panel agen AI) dadi siji-sijine tekstur visual ing sistem sing tenang.
Tata letak iki nduweni jembar maksimal kira-kira 1200px, ing tengah, kanthi latar mburi peteng nganti tekan pinggir viewport. Unsur utama yaiku judhul gedhe, rata kiwa (64-72px), dipasangake karo ajakan tumindak (CTA) rata tengen, banjur gambar layar produk gedhe sing rada ngluwihi jembar maksimal. Irama bagean-bagean kasebut ganti-ganti antarane komposisi rong kolom kanthi teks ing sisih kiwa lan gambar ing sisih tengen, lan strip tampilan produk ambane lengkap sing dipisahake dening talang vertikal 96px. Strip kanthi logo klien minangka baris horisontal tunggal. Kaca kasebut ora tau nggunakake kisi kertu telung kolom utawa struktur kothak—kapadhetan informasi tetep kurang, kanthi umume bagean nggunakake papan putih sing akeh lan elemen fokus tunggal ing layar. Navigasi minangka bilah ndhuwur tetep kanthi logo rata kiwa lan pranala rata tengen, tanpa sidebar utawa mega-menu.
Basa visual Linear adhedhasar gambar layar produk: ilustrasi ing wiwitan lan ing bagean-bagean kasebut minangka gambar nyata saka antarmuka panganggo aplikasi Linear, sing dijupuk kanthi rinci maksimal—kartu tugas, papan Kanban, dashboard agen AI, palet printah—diselehake ing pigura sing dibingkai tipis. Ora ana foto stok, ora ana gambar gaya urip, ora ana ilustrasi abstrak. Logo ditampilake minangka garis abu-abu netral (#8a8f98) kanthi ukuran seragam kanggo pelanggan. Ikon minangka gambar SVG linier minimalis ing skala abu-abu monokromatik. Gambar layar ing sisih ndhuwur kaca ngambang ing gradien linier sing alus (saka peteng nganti padhang), nggawe ambane atmosfer tanpa nggunakake lanskap nyata. Saben unsur visual minangka unsur fungsional saka produk kasebut dhewe.
Palet
Merek
- Acid Lime
#e4f222— Tombol kontrol utama lan indikator navigasi aktif minangka aksen padhang sing ngrusak skema warna monokrom.
Netral
- Mist
#d0d6e0— Judhul sekunder, teks tombol ing permukaan peteng - Void
#08090a— Kanvas kaca, gambar latar mburi ambane lengkap - kanthi standar, kabeh elemen diselehake ing latar mburi iki. - Carbon
#0f1011— Permukaan kertu, bilah navigasi, minangka langkah ing ndhuwur kanvas kanggo nyelehake konten ing njero kertu. - Obsidian
#161718— Permukaan sing luwih dhuwur, panel karton sing luwih jero - Graphite
#23252a— Wates sing alus, pamisah, garis tombol sing alus – pinggiran tekstur kontras rendah - Smoke
#383b3f— Wates sing tipis nduweni kontras sing luwih dhuwur tinimbang separator potongan grafit.
Tipografi
saka 13 nganti 72px · 8 langkah
- Inter Variable — panggantos: Inter (variable) · garis besar 300, 400, 510, 590 · UI Utama lan Font Header - Digunakake ing navigasi, teks awak, judhul, tombol, lan kertu.
- Berkeley Mono — panggantos: JetBrains Mono · garis besar 400 · Teks UI sing jejer karo kode - pengenal rilis (ENG-2703), pintasan keyboard, metadata font monospace
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | jembar |
| Langkah dhasar | 8px |
| Radius tombol | 6px |
| Radius kertu | 12px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 96px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Linear 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
- Aaru — Observatorium Medan Partikel ing Tengah Wengi
- Atlas Card — Midnight Vault, kanthi sinar safir tunggalé, minangka hamparan peteng ndhedhet ing ngendi siji-sijiné sing penting yaiku biru elektrik tuwa.
- Checkly — Pusat Kontrol Misi Orbit Jero
- Savee — Kanvas Ireng kanggo Kurator Visual
- Inngest — Observatorium sing peteng lan sepi, dilengkapi kanggo nggarap instrumen, dipadhangi dening lampu pilot kuning tunggal
- Dala — rasi lintang sing ngambang ing beludru ireng
- Origin Financial — Galeri tengah wengi sing kebak kemewahan sing sepi. Kamar sing sepi, meh peteng ing ngendi font serif gedhe lan sawetara panel warna sing disinari nggawe rasa yen keuangan minangka karya seni sing dikuratori kanthi ati-ati.
- Hyperstudio — Desainé dicoret nganggo obsidian. Teks lan garis-garis alus mbentuk papan putih ireng murni, kanthi tandha kompas emas sok-sok sing nuduhake dalan.
- Air — patung "Langit Tengah Wengi Nembus Kaca"
- Resend — beludru ireng nganggo warna neon ungu
- Raycast — Pusat Komando Tengah Wengi, Coral Neon
- Dimension — stasiun kerja sing madhangi wayah wengi nganggo panel kaca buram