Linear
chishandiso chepakati pehusiku chekushandisa nemazvo
Sisitimu yekugadzira Linear inzvimbo yekuraira yehusiku yakavakirwa panzvimbo dzine ruvara rutema (#08090a) ine mhando chena yakapfava uye imwe chete ine ruvara rwegirini rakapfava (#e4f222) inoshanda setochi inoshanda—diki, ine musiyano mukuru, uye inoshandiswa zvishoma kuratidza zviito. Iyo interface inobata rima sehwaro kwete dingindira: rugwaro ruchena rwakapfava rune nzvimbo yakamanikana yemavara (-0.022em), huremu hwefonti huri muhuwandu hwakaderera hwe400–510 pane hwakasimba, uye miganhu yakatetepa zvakanyanya (0.5px) kuti geometry iite basa rinowanzoitwa nemumvuri. Zvikamu zvinonzwa zvakagadzirwa nemazvo—6px ne12px radii, miganho midiki ye8–12px, uye kushomeka kwezvinhu zvekushongedza—zvichibvumira chigadzirwa UI (makadhi ebasa, mabhodhi eKanban, mapaneru eAI agent) kuti ive yega texture inoonekwa mune imwe system yakanyarara.
Marongerwo acho ane upamhi hwepamusoro hweinenge 1200px, pakati, neruvara rwerima rwunosvika kumicheto yenzvimbo yekutarira. Chinhu chikuru musoro mukuru, wakatarisana kuruboshwe (64–72px), wakabatana ne "right-aligned call to action" (CTA), uchiteverwa ne "screenshot" huru yechigadzirwa inotambanuka zvishoma kupfuura upamhi hwepamusoro. Mutsetse wezvikamu unochinjana pakati pema "compositions" maviri ane rugwaro kuruboshwe nemufananidzo kurudyi, uye "full-width product display strips" dzakaparadzaniswa nema "vertical gutters" e96px. "Strip" ine logo yemutengi mutsara mumwe chete wakatwasuka. Peji harimboshandisi ma "grids" emakadhi ema "column" matatu kana "tiled structures"—ruzivo rwakawanda runoramba rwakaderera, nezvikamu zvakawanda zvichishandisa nzvimbo chena yakawanda uye "focal element" imwe chete pachiratidziro. "Navigation" i "fixed top bar" ine logo yakatarisana kuruboshwe uye "right-aligned links", isina "sidebar" kana "mega-menu".
Mutauro wekuona weLinear wakavakirwa pamifananidzo yezvigadzirwa: mifananidzo iri pakutanga uye muzvikamu imifananidzo chaiyo yekushandiswa kweLinear app, yakatorwa zvakadzama—makadhi ebasa, mabhodhi eKanban, madhibhodhi eAI agent, mapeti emirairo—akaiswa mumafuremu akatetepa. Hapana mapikicha estock, hapana mifananidzo yemararamiro, hapana mifananidzo isina kujairika. Malogo anoratidzwa semutsetse wegrey usina kusimba (#8a8f98) wehukuru hwakafanana kune vatengi. Maicon mifananidzo yeSVG ine mutsara mudiki mugrey scale. Mufananidzo uri pamusoro peji unoyangarara pamutsetse wakaderera (kubva murima kuenda kuchiedza), uchigadzira kudzika kwemhepo pasina kushandisa nzvimbo chaiyo. Chinhu chega chega chinoonekwa chinhu chinoshanda chechigadzirwa chacho.
Palette
Rudzi
- Acid Lime
#e4f222— Mabhatani makuru ekudzora uye zviratidzo zvekufamba zvinoshanda zvinopenya zvinokanganisa ruvara rwemonochrome.
Kwakarerekera
- Mist
#d0d6e0— Misoro miviri, mabhatani emashoko panzvimbo dzakasviba - Void
#08090a— Kanivhasi yepeji, mufananidzo wekumashure wakafara - zvakajairika, zvinhu zvese zvinoiswa kumashure uku. - Carbon
#0f1011— Nzvimbo dzemakadhi, mitsetse yekufambisa, nhanho iri pamusoro pekanvas yekuisa zviri mukati memakadhi. - Obsidian
#161718— Nzvimbo dzakasimudzwa, mapaneru emakadhibhodhi akadzika - Graphite
#23252a— Miganhu isina kujeka, zvinoparadzanisa, mabhatani akajeka - mipendero isina kujeka - Smoke
#383b3f— Miganhu mitete ine musiyano mukuru pane graphite - zvikamu zvinoparadzanisa.
Kunyora
kubva pa13 kusvika pa72px · 8 matanho
- Inter Variable — kutsiva: Inter (variable) · marongero 300, 400, 510, 590 · UI Yekutanga uye Fonti Yemusoro - Inoshandiswa mukufambisa, body text, heading, buttons, uye cards.
- Berkeley Mono — kutsiva: JetBrains Mono · marongero 400 · Rugwaro rweUI rwuri pedyo nekodhi - zviziviso zvekuburitsa (ENG-2703), nzira dzechidimbu dzekhibhodi, metadata yefonti yemonospace
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | yakakura |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 6px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 96px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Linear uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Aaru — Kuongororwa kweParticle Field panguva yepakati pehusiku
- Atlas Card — Midnight Vault, ine mwenje wayo wesafire, inzvimbo nhema isina chinhu apo chinhu chega chinokosha ibhuruu remagetsi rakadzika.
- Checkly — Nzvimbo Yekudzora Basa reDeep Orbit
- Savee — Kanivhasi Nhema yeVatariri Vekuona
- Inngest — Nzvimbo yekutarisa ine rima, yakanyarara, yakagadzirirwa kushanda nezviridzwa, yakavhenekerwa nechiedza chimwe chete cheamber
- Dala — boka renyeredzi rakamira pamusoro pevheti nhema
- Origin Financial — Garari repakati pehusiku rine runyararo rwehupfumi. Kamuri rakanyarara, rine rima rine mafonti makuru eserif uye mapaneru mashoma ane mavara akajeka zvinoita kuti munhu anzwe sekuti mari ibasa reunyanzvi rakarongwa zvakanaka.
- Hyperstudio — Dhizaini yacho yakakweshwa kuita obsidian. Manyoro nemitsetse midiki zvinoumba nzvimbo chena yedema chaiyo, dzimwe nguva paine zviratidzo zvekampasi yegoridhe zvinoratidza nzira.
- Air — chifananidzo "Denga repakati pehusiku kuburikidza negirazi"
- Resend — velvet nhema ine ruvara rwepepuru neon
- Raycast — Nzvimbo Yekuraira Pakati Pehusiku, Coral Neon
- Dimension — nzvimbo yekushandira ine chiedza chezuva ine magirazi ane chando