Vercel
Terminal e hatisitsoeng pampiring e tšoeu
Sistimi ea moralo oa Vercel ke boikoetliso ba 'mala o le mong o laolehileng: canvas e batlang e le tšoeu (#fafafa), mofuta o motšo, meeli e mesesaane, le ho se be teng ho feletseng ha 'mala o khabisitsoeng. Puo e bonahalang e hopotsa terminal ea moqapi e ngotsoeng ka khatiso—Geist Sans ha e balehe hantle sekaleng sa "bahale" ka boima ba 400-450 le sebaka sa tlhaku sa -0.06em, ha Geist Mono e sebelisa mabitso, metadata le lisampole tsa khoutu ka har'a likhaba tsa 11-13px. Likonopo ke radii e bohale ea 6px kapa likhutlo li 'ne tsa botšo bo hloekileng holim'a bosoeu kapa bosoeu holim'a botšo. Sistimi e itšetlehile ka phapang le tatellano ea mongolo ho fapana le 'mala, ho sebelisoa letšoao la khutlotharo (▲) le letšoao la mantsoe la mela e 'meli e le likarolo feela tsa letšoao. Libaka li behiloe holim'a tse ling ka tatellano ea #fafafa → #ebebeb → #171717, e leng se etsang botebo ka ho fetola boleng ba molumo ho fapana le moriti kapa 'mala. Karolo e 'ngoe le e 'ngoe e hahiloe holim'a gridi ea 4px e nang le bongata bo kopaneng, e leng se fellang ka sebopeho se hopotsang buka ea lintlha ea moenjiniere—e nepahetseng, e sebetsang, 'me e sa tšabe sebaka se sesoeu.
Setshelo se bophara ba 1280px, se bohareng, se na le padding e kgolo e rapameng (24-48px). Boloko bo boholo bo sebedisa motswako wa dibaka tse tharo o sa lekanang: sehlooho se seholo ka letsohong le letshehadi, glyph ya letshwao e bohareng, le boloko ba "dintshi" ka letsohong le letona. Ka tlase ho boloko bo boholo, dikahare di hlophisitswe ka mela e fapanyetsanang: mola o bophara bo felletseng o nang le letshwao la moreki, o latelwa ke karolo ya "Baetsi ba Dikhamphani" ya dikholomo tse pedi e nang le sehlooho ka letsohong le letshehadi le moralo wa sehlahiswa ka letsohong le letona, o latelwa ke gridi ya dikarata tse tharo tse nang le dibopeho. Dikarolo di arotswe ka di-gutter tse otlolohileng tsa 96-128px ntle le dikarohano kapa di-offset tsa bokamorao. Tsamaiso ke phanele e le nngwe e tsitsitseng ya 64px e nang le bokamorao bo fifetseng. Di-grid tsa dikarata di sebedisa moralo wa dikholomo tse pedi kapa tse tharo o nang le di-gutter tsa 16-24px. Bongata ka kakaretso bo bonyenyane—mongolo o bonolo ho o bala, ho na le sebaka se sesweu se seholo, empa boholo ba mongolo le boholo ba dikarolo di thibela leqephe ho ikutlwa le le moya.
Litšoantšo ha li ngata 'me li sebetsa kamehla. Karolo e ka sehloohong ea pono ke khutlotharo e ntšo (▲)—letšoao la letšoao la jeometri le hlahang e le setšoantšo se phaphametseng sekaleng sa "capital". Matshwao a bareki moleng oa bopaki ba mohopolo a sebelisa matšoao a 'nete a lebitso ka leng ka grayscale. Li-mockup tsa sehlahisoa (sebopeho sa moqoqo sa Notion, tlhahiso ea terminal ea CLI, karete ea pasepoto) li kentsoe e le li-skrini tsa mokhoa o bobebe ka har'a likarete tse foreimeng. Ha ho na linepe, litšoantšo, kapa likarolo tsa 3D—tsamaiso ke ea mofuta o hloekileng le libopeho tsa jeometri pampiring e tšoeu.
Palete
Lehlakore
- Obsidian
#171717— Lihlooho tse kholo, meeli ea ho tsamaea, ho tlatsa likonopo tse lefifi, le matšoao a lenane kaofela li batla li le ntšo, li qoba ho ba thata le ho tlala ho feteletseng. - Paper White
#fafafa— Letlapa la leqephe, bokaholimo ba karete, khanya e tlatsitsoeng ke dikonopo—ena ke bokamorao bo tloaelehileng boo ntho e 'ngoe le e 'ngoe e leng ho bona. - Pure White
#ffffff— Libaka tse phahamisitsoeng tsa karete, li-insert, masimo a ho kenya. - Hairline
#ebebeb— Meeli ea 1px holim'a likonopo, lihokelo le likarete e bonahala maemong a holimo a zoom, empa ha e bonahale maemong a tlase a zoom. - Ash
#c9c9c9— Mongolo o holofetseng, mabitso a khutsitseng, matšoao a metsi a mabitso a bareki. - Smoke
#a8a8a8— Mongolo oa bobeli, mongolo oa sets'oari sa sebaka, ho tlatsa letšoao le poteletseng.
Mongolo oa mongolo
ho tloha ho 11 ho isa ho 64px · mehato e 6
- Geist Sans — sebaka: Inter · meralo 400, 450, 500 · Fonte e ka sehloohong bakeng sa sebopeho le dihlooho ke sans-serif ya jeometri e entsweng ka boikgethelo ho tswa ho Vercel e nang le sebaka se tiileng sa ditlhaku ka boholo bo boholo (-0.06em ho 56-64px, -0.05em ho 30px). Bakeng sa dihlooho tse hodimo ho leqephe, ho kgethilwe boima ba 450: bo teteaneng ho feta Lesedi empa bo bobebe ho feta Semi-Bold, e leng se etsang hore ho be le modumo o itshepang, empa o sa fetelletseng.
- Geist Mono — sebaka: JetBrains Mono · meralo 400, 500, 600 · Fonte ea bobeli e nang le sebaka se le seng bakeng sa litlhaloso, li-code blocks, liphanele tsa tlhahiso ea CLI, metadata, le mongolo o moholo. Motsoako oa 8px/600px/mongolo o moholo o lumella ho beoa ka nepo ha matšoao a manyane a mantsoe. Sebaka se seholo sa litlhaku (0.071em) phetolelong e nang le sebaka se le seng se fana ka sebaka se lekaneng bakeng sa mongolo o moholo.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | teteaneng |
| Mohato oa motheo | 12px |
| Radiyo ea konopo | 6px |
| Radiyo ya karete | 6px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 96-128px |
| Bophara ba leqephe | 1280px |
AI e tla haha websaete ea hau ka setaele sa Vercel 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Headspace — Sekhutlo sa bophelo bo botle se chabileng pampiring e futhumetseng
- WHOOP — Laboratori ea ts'ebetso bosiu - litafole tse tšoeu tsa laboratori ea kliniki tlas'a sekheo se setšo sa theatre, phallo e le 'ngoe e pherese ea motlakase
- Together AI — Seteishene sa lipatlisiso pampiring ea leqhoa
- v0 by Vercel — Ho taka ka lathe. Ho nepahala le ts'ebetso ke tsa bohlokoa haholo, 'me karolo e' ngoe le e 'ngoe e sebeletsa morero o hlakileng holim'a bokaholimo bo hloekileng, bo phethahetseng ka botekgeniki.
- Dovetail — Moralo o ka tlas'a khoeli e ntšo—mela ea grafi e sa bonahaleng hantle, mongolo o mosoeu, ho benya ho pherese ho le hong
- Glideapps — Tafole ea ho taka e nang le 'mala o mosoeu e nang le khanya e le 'ngoe ea turquoise ea motlakase
- Timescale — Setšoantšo sa boenjiniere pampiring e futhumetseng ea grafo
- UGLYCASH — Bukana e koahetsoeng ka listikara pampiring e 'mala o motenya e bontša tikoloho ea setsebi sa fintech se sebete, se nang le boikhohomoso se bontšang pherekano ea sona ka boikhohomoso.
- Sprout Social — Lehlomela le letala holim'a letlapa le letšo. Khatiso e le 'ngoe e khanyang holim'a kanavase e tiileng ea monochrome, eo 'mala oa eona o sebelisetsoang ketso feela, ka mongolo o tiileng oa jeometri o sebetsang e le matšoao.
- Krea — gallery noir bosiu
- Evergreen — Setša sa letsatsi se koahetsoeng ka lesela la line
- Factory — Seteishene sa "kamore ea ntoa" bosiu. "Fektheri" ke phanele ea taolo e ntšo e hlakileng moo karete e le 'ngoe e tšoeu e oelang joalo ka sesebelisoa se bonesitsoeng ke toche—ntho e le 'ngoe feela ka phapusing ke mosebetsi ka booona.