Linear
cov cuab yeej ntsuas qhov tseeb thaum ib tag hmo
Lub kaw lus tsim Linear yog lub chaw hais kom ua thaum hmo ntuj uas tsim los ntawm cov chaw ze-dub (# 08090a) nrog hom dawb crisp thiab ib qho xim ntsuab txiv qaub ntsuab (# e4f222) uas ua haujlwm ua lub teeb ci ntsa iab - me me, muaj qhov sib txawv siab, thiab siv tsawg heev los qhia txog kev ua. Lub interface kho qhov tsaus ntuj ua lub hauv paus es tsis yog lub ntsiab lus: cov ntawv yog dawb crisp nrog cov ntawv sib nrug nruj (-0.022em), qhov hnyav ntawm cov ntawv yog nyob rau hauv qhov qis 400–510 ntau dua li bold, thiab ciam teb yog ultra-thin (0.5px) kom cia geometry ua haujlwm feem ntau ua los ntawm cov duab ntxoov ntxoo. Cov khoom xav tias ua tiav zoo - 6px thiab 12px radii, compact 8–12px margins, thiab ze li ntawm tsis muaj cov khoom dai kom zoo nkauj - tso cai rau cov khoom UI (daim npav ua haujlwm, Kanban boards, AI tus neeg sawv cev panels) kom yog tib qho kev pom kev hauv lub kaw lus ntsiag to.
Tus qauv tsim muaj qhov dav tshaj plaws ntawm kwv yees li 1200px, nyob hauv nruab nrab, nrog rau keeb kwm yav dhau tsaus ntuj txuas mus rau ntug ntawm qhov pom. Lub ntsiab lus tseem ceeb yog lub npe loj, sib dhos sab laug (64–72px), ua ke nrog kev hu kom ua haujlwm sib dhos sab xis (CTA), ua raws li daim duab loj ntawm cov khoom lag luam uas txuas ntxiv me ntsis dhau qhov dav tshaj plaws. Lub suab ntawm cov ntu hloov pauv ntawm ob kab ntawv sib xyaw nrog cov ntawv nyeem ntawm sab laug thiab daim duab ntawm sab xis, thiab cov kab kos duab khoom lag luam tag nrho dav sib cais los ntawm 96px ntsug gutters. Daim kab nrog tus neeg siv khoom lub logo yog ib kab kab rov tav. Nplooj ntawv yeej tsis siv peb kab ntawv daim npav grids lossis cov qauv tiled - cov ntaub ntawv ceev tseem tsawg, nrog rau feem ntau ntawm cov ntu siv qhov chaw dawb ntau thiab ib qho tseem ceeb ntawm qhov screen. Kev taw qhia yog ib lub bar saum toj kawg nkaus nrog lub logo sib dhos sab laug thiab cov kev sib txuas sib dhos sab xis, tsis muaj sidebar lossis mega-menu.
Linear cov lus pom yog raws li cov duab thaij ntawm cov khoom: cov duab kos thaum pib thiab hauv cov ntu yog cov duab tiag tiag ntawm Linear app tus neeg siv interface, ntes tau ntau yam - daim npav ua haujlwm, Kanban boards, AI tus neeg sawv cev dashboards, cov lus txib palettes - muab tso rau hauv cov thav duab nyias nyias. Tsis muaj cov duab Tshuag, tsis muaj cov duab kev ua neej, tsis muaj cov duab kos abstract. Cov cim tau tso tawm ua kab grey nruab nrab (# 8a8f98) ntawm qhov loj sib xws rau cov neeg siv khoom. Cov cim yog cov duab SVG linear minimalist hauv qhov ntsuas grey monochromatic. Daim duab thaij ntawm sab saum toj ntawm nplooj ntawv ntab rau ntawm qhov sib txawv me me (los ntawm tsaus ntuj mus rau lub teeb), tsim qhov tob ntawm huab cua yam tsis siv cov toj roob hauv pes tiag tiag. Txhua qhov pom yog ib qho khoom siv ntawm cov khoom nws tus kheej.
Xim av
Hom
- Acid Lime
#e4f222— Cov nyees khawm tswj tseem ceeb thiab cov cim qhia kev taw qhia nquag yog lub suab ci ntsa iab uas rhuav tshem cov xim monochrome.
Nruab nrab
- Mist
#d0d6e0— Cov ntawv sau thib ob, cov ntawv khawm ntawm cov chaw tsaus ntuj - Void
#08090a— Nplooj ntawv canvas, daim duab keeb kwm yav dhau los puv dav - los ntawm lub neej ntawd, txhua yam khoom raug muab tso rau ntawm keeb kwm yav dhau no. - Carbon
#0f1011— Cov nto ntawm daim npav, cov kab navigation, yog ib kauj ruam saum toj ntawm daim ntaub rau kev tso cov ntsiab lus hauv daim npav. - Obsidian
#161718— Cov nto tsa siab, cov ntawv cardboard tob dua - Graphite
#23252a— Cov ciam teb me me, cov kab sib cais, cov kab kos me me - cov npoo uas muaj qhov sib txawv tsawg - Smoke
#383b3f— Cov ciam teb nyias nyias muaj qhov sib txawv ntau dua li cov graphite - cov khoom sib cais.
Kev sau ntawv
txij li 13 mus rau 72px · 8 kauj ruam
- Inter Variable — hloov: Inter (variable) · cov qauv qhia 300, 400, 510, 590 · UI Tseem Ceeb thiab Header Font - Siv rau hauv kev taw qhia, cov ntawv hauv lub cev, cov npe, cov nyees khawm, thiab cov ntawv.
- Berkeley Mono — hloov: JetBrains Mono · cov qauv qhia 400 · Cov ntawv nyeem UI uas nyob ib sab ntawm tus lej - cov cim qhia txog kev tso tawm (ENG-2703), cov ntawv luv luv ntawm cov keyboard, cov ntaub ntawv metadata ntawm cov ntawv monospace
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 6px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 96px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Linear thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Aaru — Lub Chaw Saib Xyuas Particle Field thaum ib tag hmo
- Atlas Card — Lub Qhov Rooj Vag Ib Tag Hmo, nrog nws lub teeb sapphire ib sab, yog lub tshav puam dub nciab uas tsuas muaj qhov tseem ceeb xwb yog xim xiav hluav taws xob tob.
- Checkly — Chaw Tswj Xyuas Lub Hom Phiaj Deep Orbit
- Savee — Daim ntaub dub rau cov neeg saib xyuas duab
- Inngest — Ib lub chaw saib hnub qub uas tsaus ntuj nti thiab ntsiag to, muaj rau kev siv cov twj paj nruag, ci los ntawm ib lub teeb daj daj xwb.
- Dala — ib lub hnub qub uas nyob saum cov ntaub dub
- Origin Financial — Ib lub tsev khaws puav pheej thaum ib tag hmo uas muaj kev nplua nuj nyob ntsiag to. Ib chav ntsiag to, yuav luag tsaus ntuj uas cov ntawv loj loj thiab ob peb lub vaj huam sib luag xim ci ntsa iab ua rau muaj kev xav tias kev nyiaj txiag yog ib daim duab kos duab zoo nkauj.
- Hyperstudio — Tus qauv tsim yog khawb rau hauv obsidian. Cov ntawv nyeem thiab cov kab zoo nkauj ua rau lub dav dawb dub huv si, nrog rau qee zaum cov cim qhia kev kub.
- Air — duab puab "Ntuj Nruab Hnub Los Ntawm Iav"
- Resend — velvet dub nrog xim neon ntshav
- Raycast — Chaw Ua Haujlwm Ib Tag Hmo, Coral Neon
- Dimension — ib qho chaw ua haujlwm uas muaj teeb pom kev zoo thaum tsaus ntuj nrog cov iav frosted panels