Vercel
Kituo kilichochapishwa kwenye karatasi nyeupe
Mfumo wa usanifu wa Vercel ni zoezi la monochrome yenye nidhamu: turubai karibu nyeupe (#fafafa), aina nyeusi, mipaka nyembamba, na kutokuwepo kabisa kwa rangi ya mapambo. Lugha inayoonekana huibua ncha ya msanidi programu iliyochapishwa—Geist Sans haisomeki vizuri katika kipimo cha "kishujaa" ikiwa na uzito wa 400-450 na nafasi ya herufi ya -0.06em, huku Geist Mono ikiweka lebo, metadata, na sampuli za msimbo katika kofia za pikseli 11-13. Vifungo ni radii kali ya pikseli 6 au mstatili wa rangi nyeusi safi kwenye nyeupe au nyeupe kwenye nyeusi. Mfumo hutegemea utofautishaji na mpangilio wa uchapaji badala ya rangi, kwa kutumia ishara ya pembetatu (▲) na alama ya maneno ya mistari miwili kama vipengele pekee vya chapa. Nyuso zimepangwa juu ya kila mmoja kwa mpangilio #fafafa → #ebebeb → #171717, na kuunda kina kupitia kubadilisha thamani za toni badala ya kivuli au rangi. Kila kipengele kimejengwa kwenye gridi ya 4px yenye msongamano mdogo, na kusababisha kiolesura kinachofanana na daftari la mhandisi—sahihi, kinachofanya kazi, na kisichoogopa nafasi nyeupe.
Chombo kina upana wa pikseli 1280, katikati, kikiwa na sehemu kubwa ya mlalo (pikseli 24-48). Kizuizi kikuu kinatumia muundo usio na ulinganifu wa kanda tatu: kichwa kikubwa cha habari upande wa kushoto, kielelezo cha chapa kinachozingatia katikati, na kizuizi cha "nyusi" upande wa kulia. Chini ya kizuizi kikuu, maudhui yamepangwa kwa mistari inayobadilika: mstari wa upana kamili wenye nembo ya mteja, ikifuatiwa na sehemu ya "Waundaji Wakala" yenye safu mbili yenye kichwa cha habari upande wa kushoto na mpangilio wa bidhaa upande wa kulia, ikifuatiwa na gridi ya kadi tatu zenye vipengele. Sehemu zimetenganishwa na mifereji wima ya pikseli 96-128 bila vigawanyio au vizuizi vya mandharinyuma. Usogezaji ni paneli moja isiyobadilika ya pikseli 64 yenye mandharinyuma yaliyofifia. Gridi za kadi hutumia mpangilio wa safu mbili au tatu wenye mifereji ya pikseli 16-24 kila mara. Msongamano wa jumla ni mdogo—maandishi ni rahisi kusoma, kuna nafasi nyeupe ya kutosha, lakini ukubwa wa fonti na ukubwa wa vipengele huzuia ukurasa kuhisi kama hewa.
Picha ni chache na zinafanya kazi kila wakati. Kipengele kikuu cha kuona ni pembetatu nyeusi (▲)—alama ya chapa ya kijiometri inayoonekana kama umbo linaloelea kwenye kipimo cha "mkuu". Nembo za mteja kwenye utepe wa uthibitisho wa dhana hutumia alama halisi za kila chapa katika kipimo cha kijivu. Mifano ya bidhaa (kiolesura cha gumzo cha Notion, matokeo ya mwisho ya CLI, kadi ya pasipoti) zimepachikwa kama picha za skrini za hali ya mwanga ndani ya kadi zilizowekwa fremu. Hakuna picha, vielelezo, au vipengele vya 3D—mfumo ni wa uchapaji safi na maumbo ya kijiometri kwenye karatasi nyeupe.
Paleti
Isiyoegemea upande wowote
- Obsidian
#171717— Vichwa vikuu, mipaka ya urambazaji, kujaza vitufe vyeusi, na alama za orodha zote ni nyeusi sana, zikiepuka ukali na kujaa kwa rangi. - Paper White
#fafafa— Turubai ya ukurasa, nyuso za kadi, mwangaza wa vitufe—hii ndiyo mandharinyuma ya kawaida ambayo kila kitu kingine kinapatikana. - Pure White
#ffffff— Nyuso za kadi zilizoinuliwa, viingizo, sehemu za kuingiza data. - Hairline
#ebebeb— Mipaka ya pikseli 1 kwenye vitufe, viungo, na kadi huonekana katika viwango vya juu vya kukuza, lakini haionekani katika viwango vya chini vya kukuza. - Ash
#c9c9c9— Maandishi yamezimwa, lebo zilizozimwa, alama za maji za jina la chapa katika nembo za mteja. - Smoke
#a8a8a8— Maandishi ya pili, maandishi ya kishikilia nafasi, kujaza aikoni kwa njia fiche.
Uchapaji
kutoka pikseli 11 hadi 64 · hatua 6
- Geist Sans — mbadala: Inter · mihtasari 400, 450, 500 · Fonti kuu ya kiolesura na vichwa vya habari ni sans-serif ya kijiometri iliyoundwa maalum kutoka Vercel yenye nafasi finyu ya herufi katika ukubwa mkubwa (-0.06em katika pikseli 56-64, -0.05em katika pikseli 30). Kwa vichwa vya habari vilivyo juu ya ukurasa, uzito wa 450 ulichaguliwa: mnene kuliko Mwanga lakini mwepesi kuliko Nusu-Bold, na kuunda sauti ya kujiamini, lakini si ya kupindukia.
- Geist Mono — mbadala: JetBrains Mono · mihtasari 400, 500, 600 · Fonti ya pili yenye nafasi moja kwa ajili ya manukuu, vizuizi vya msimbo, paneli za matokeo za CLI, metadata, na maandishi ya herufi kubwa. Mchanganyiko wa pikseli 8/pikseli 600/herufi kubwa huruhusu uwekaji sahihi wa alama ndogo za maneno. Nafasi pana ya herufi (0.071em) katika toleo lenye nafasi moja hutoa nafasi ya kutosha kwa maandishi ya herufi kubwa.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 12px |
| Kipenyo cha kitufe | 6px |
| Redi ya kadi | 6px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 96-128px |
| Upana wa ukurasa | 1280px |
AI itaunda tovuti yako kwa mtindo wa Vercel na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Headspace — Kona ya ustawi yenye jua kwenye karatasi yenye joto
- WHOOP — Maabara ya utendaji saa sita usiku - meza nyeupe za maabara ya kliniki chini ya utupu mweusi wa maonyesho, mapigo moja ya zambarau ya umeme
- Together AI — Kiweko cha utafiti kwenye karatasi ya barafu
- v0 by Vercel — Mchoro wa lathe. Usahihi na utendaji kazi ni muhimu sana, huku kila kipengele kikitimiza kusudi wazi kwenye uso safi na kamilifu kitaalamu.
- Dovetail — Mchoro chini ya mwezi mweusi—mistari ya grafu isiyoonekana vizuri, fonti nyeupe, mng'ao mmoja wa zambarau
- Glideapps — Meza ya kuchora yenye rangi moja ya monochrome yenye mng'ao mmoja wa umeme wa zumaridi
- Timescale — Mchoro wa uhandisi kwenye karatasi ya grafu yenye joto
- UGLYCASH — Daftari lililofunikwa na vibandiko kwenye karatasi yenye rangi ya krimu linaonyesha mandhari ya mtaalamu wa teknolojia ya fin mwenye ujasiri na mbunifu ambaye anaonyesha kwa fahari machafuko yake.
- Sprout Social — Chipukizi la kijani kwenye ubao mweusi. Lafudhi moja angavu kwenye turubai kali ya monochrome, ambayo rangi yake hutumika kwa vitendo tu, na fonti ya kijiometri yenye ujasiri inayotumika kama ishara.
- Krea — nyumba ya sanaa noir saa sita usiku
- Evergreen — Chafu ya jua kwenye karatasi ya kitani
- Factory — Kituo cha "chumba cha vita" saa sita usiku. "Kiwanda" ni paneli ya kudhibiti nyeusi iliyo wazi ambapo kadi moja nyeupe inatua kama kifaa kinachowashwa na tochi—kitu pekee chumbani ni kazi yenyewe.