Linear
alat presisi tengah peuting
Sistem desain Linear nyaéta pusat komando peuting anu diwangun dina permukaan anu ampir hideung (#08090a) kalayan tipe bodas bersih sareng aksen héjo jeruk nipis tunggal (#e4f222) anu fungsina salaku senter fungsional—leutik, kontras tinggi, sareng dianggo sacara hemat pikeun nunjukkeun tindakan. Antarbeungeutna nganggap poék salaku pondasi tinimbang téma: téksna bodas bersih kalayan jarak hurup anu rapet (-0.022em), beurat font aya dina kisaran 400–510 anu handap tinimbang kandel, sareng watesna ultra-ipis (0.5px) pikeun ngantepkeun géométri ngalakukeun padamelan anu biasana dilakukeun ku kalangkang. Komponen karasa didamel sacara tepat—radius 6px sareng 12px, margin 8–12px anu kompak, sareng ampir teu aya unsur hiasan—ngamungkinkeun UI produk (kartu tugas, papan Kanban, panel agén AI) janten hiji-hijina tékstur visual dina sistem anu tenang.
Tata letakna mibanda lébar maksimum kira-kira 1200px, di tengah, kalayan latar tukang poék anu manjang ka sisi viewport. Unsur utama nyaéta judul ageung, rata kénca (64–72px), dipasangkan sareng ajakan bertindak (CTA) rata katuhu, dituturkeun ku cuplikan layar produk ageung anu manjang rada saluareun lébar maksimum. Witme bagian-bagian silih genti antara komposisi dua kolom kalayan téks di kénca sareng gambar di katuhu, sareng strip tampilan produk lébar pinuh anu dipisahkeun ku talang vertikal 96px. Strip kalayan logo klien mangrupikeun hiji baris horizontal. Kaca henteu pernah nganggo grid kartu tilu kolom atanapi struktur ubin—kapadetan inpormasi tetep handap, kalayan kaseueuran bagian nganggo rohangan bodas anu lega sareng hiji unsur fokus dina layar. Navigasi mangrupikeun bilah luhur anu tetep kalayan logo rata kénca sareng tautan rata katuhu, tanpa sidebar atanapi mega-menu.
Basa visual Linear dumasar kana cuplikan layar produk: ilustrasi di awal sareng dina bagian-bagianna mangrupikeun gambar nyata tina antarmuka pangguna aplikasi Linear, anu dicandak kalayan rinci maksimal—kartu tugas, papan Kanban, dasbor agén AI, palét paréntah—ditempatkeun dina pigura anu dibingkai ipis. Teu aya poto stok, teu aya gambar gaya hirup, teu aya ilustrasi abstrak. Logo ditampilkeun salaku garis abu nétral (#8a8f98) anu ukuranana seragam pikeun konsumén. Ikon mangrupikeun gambar SVG linier minimalis dina skala abu monokromatik. Cuplikan layar di luhur halaman ngambang dina gradien linier anu halus (ti poék ka caang), nyiptakeun jerona atmosfir tanpa nganggo bentang nyata. Unggal unsur visual mangrupikeun unsur fungsional tina produk éta sorangan.
Palet
Merek
- Acid Lime
#e4f222— Tombol kontrol utama sareng indikator navigasi aktif mangrupikeun aksen anu caang anu ngarobih skéma warna monokrom.
Nétral
- Mist
#d0d6e0— Judul sekundér, téks tombol dina permukaan poék - Void
#08090a— Kanvas kaca, gambar latar lébar pinuh - sacara standar, sadaya unsur diposisikan ngalawan latar ieu. - Carbon
#0f1011— Beungeut kartu, bilah navigasi, aya saléngkah di luhur kanvas pikeun nempatkeun eusi di jero kartu. - Obsidian
#161718— Beungeut anu diangkat, panel kardus anu langkung jero - Graphite
#23252a— Wates anu samar, pamisah, garis tombol anu samar – sisi tékstur kontras rendah - Smoke
#383b3f— Wates ipis mibanda kontras anu langkung luhur tibatan separator bagian grafit.
Tipografi
ti 13 nepi ka 72px · 8 léngkah
- Inter Variable — panggantian: Inter (variable) · garis besar 300, 400, 510, 590 · UI Utama sareng Font Lulugu - Dianggo dina navigasi, eusi téks, judul, tombol, sareng kartu.
- Berkeley Mono — panggantian: JetBrains Mono · garis besar 400 · Téks UI anu padeukeut kode - idéntifikasi rilis (ENG-2703), jalan pintas kibor, metadata font monospace
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 8px |
| Radius tombol | 6px |
| Radius kartu | 12px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 96px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Linear sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Aaru — Observatorium Medan Partikel Tengah Peuting
- Atlas Card — Midnight Vault, kalayan hiji-hijina sinar safirna, mangrupikeun hamparan anu poék mongkleng dimana hiji-hijina anu penting nyaéta biru listrik anu poék.
- Checkly — Pusat Kontrol Misi Orbit Jero
- Savee — Kanvas Hideung pikeun Kurator Visual
- Inngest — Observatorium anu poék sareng sepi, dilengkepan pikeun damel sareng instrumen, dihurungkeun ku lampu pilot warna kuning tunggal.
- Dala — rasi béntang anu ngalayang dina beludru hideung
- Origin Financial — Galeri tengah peuting anu pinuh ku kamewahan anu sepi. Rohangan anu sepi, ampir poék dimana font serif ageung sareng sababaraha panel warna anu dihias nyiptakeun rarasaan yén kauangan mangrupikeun karya seni anu dikurasi kalayan saksama.
- Hyperstudio — Desainna dicoret jadi obsidian. Téks jeung garis-garis leutik ngabingkai rohangan bodas hideung murni, sakapeung aya tanda kompas emas nu nunjukkeun jalanna.
- Air — patung "Langit Tengah Peuting Ngaliwatan Kaca"
- Resend — beludru hideung kalayan warna neon ungu
- Raycast — Pusat Komando Tengah Peuting, Coral Neon
- Dimension — tempat damel anu dihias ku lampu senja kalayan panel kaca buram