Column
kitabu cha bluu nyeusi chini ya alfajiri ya baridi
Safu hutumia bluu ya bluu yenye kina kirefu, ya kitaasisi kwenye mandharinyuma yenye rangi nyeupe karibu: ukurasa unahisi kama uso imara wa bidhaa za benki kwanza na uwanja wa michezo wa msanidi programu pili. Rangi ya chapa si moja, bali ni jozi iliyoratibiwa—bluu ya baharini #111a4a kwa muundo mzito, kijani kibichi cha mnanaa #44b48b kwa data na msimbo—na rangi moja ya chungwa ya joto (#ec652b) iliyotengwa kwa nyuso za lafudhi zenye nguvu kubwa kama kadi ya Brex. Uchapaji unaongozwa na SuisseIntl, kijiometri bila serif inayotumika katika safu nzima ya uzito kuanzia 300 (viungo) hadi 600 (onyesho), ikiipa mfumo mtindo uliosafishwa na wa uhariri ambao kampuni nyingi za fintech hazina. Kadi zinaelea kwenye nyuso kubwa nyeupe zenye vivuli hafifu, vyenye tabaka; vipengele vingi vya kiolesura ni tambarare, huku kina kikionekana tu ambapo kadi inapaswa kuhisi kama kitu halisi (viojenti vya miamala, mockups za bidhaa). Msimbo na data ya kifedha zinawasilishwa kwa rangi ya monochrome, yenye povu la bahari—ishara inayoonekana kwamba hii ni benki iliyojengwa na wahandisi kwa wahandisi.
Muundo wa ukurasa ni upana kamili, katikati yake ukiwa na pembezoni pana za pembeni (sentimita 64–15 kwenye eneo-kazi). Skrini kuu ni mpangilio uliogawanyika: kichwa cha habari na wito wa kuchukua hatua vimepangwa kushoto kwa sentimita 25, huku wijeti ya muamala inayoelea ikiwa imewekwa kulia kwa sentimita 55 dhidi ya mandharinyuma ya ramani yenye sauti ya nusu. Chini ya skrini kuu, sehemu hubadilishana kati ya nyeupe (sentimita 4) na turubai nyepesi (sentimita 5) zenye mifereji ya wima ya sentimita 6. Maudhui yamepangwa kulingana na gridi moja ya safu wima 6: vitalu vya maandishi huchukua safu wima 4 (sentimita 7), kadi za picha/bidhaa huchukua safu wima 5–6, na ulinganisho wa makusudi kutoka kwa gridi. Sehemu zinazoelezea vipengele hutumia mpangilio wa safu wima 2: maandishi upande wa kushoto, bidhaa upande wa kulia. Sehemu ya takwimu za uaminifu imegawanywa katika gridi ya safu wima 4 katika upana kamili wa ukurasa. Nembo za wateja ziko katika safu wima moja yenye mifereji ya pikseli 48. Kijachini kina mpangilio mdogo wa safu wima mbili. Usogezaji ni upau wa juu usiobadilika, wenye urefu wa pikseli 62, unaong'aa juu ya skrini kuu ukiwa na mandharinyuma iliyofifia ambayo hufifia kuwa nyeupe unaposogeza. Hakuna upau pembeni au menyu kubwa—menyu kunjuzi ni menyu rahisi za mtindo wa mshale.
Mtindo wa kuona ni mdogo na unafanya kazi—Safu wima huepuka kabisa upigaji picha wa hisa. Lugha ya kuona imejengwa juu ya vyanzo vitatu: (1) Vielelezo vya data vya SVG, haswa ramani ya ulimwengu yenye nukta ya nusu, iliyoonyeshwa kwa mteremko kutoka indigo hadi chungwa hadi zumaridi, na kuunda mazingira ya kiwango cha kimataifa nyuma ya kipengele kikuu; (2) mipangilio ya kadi ya bidhaa—vijenzi vinavyoelea vinavyoonyesha salio la akaunti, maelezo ya uhamisho, na vipande vya msimbo wa JSON katika kadi nyeupe zenye vivuli vya kuigiza; (3) taswira za chati—chati za kinara cha zumaridi au pau zenye mistari nyembamba ya kuunganisha inayotumika katika sehemu ya uaminifu/takwimu. Ramani ya nusu ni kipengele cha kuona cha kipekee—mteremko wake hubadilika kutoka #d65620 (chungwa) hadi zambarau, bluu, azure, zumaridi, na njano, na kuunda wigo unaounganisha rangi nzima ya chapa kwenye uso mmoja wa mapambo. Aikoni zina unene sawa wa muhtasari wa 1.5–2px katika lahaja za #232730 au #a9acb6, zenye kujaza hali zinazotumika. Hakuna picha za mtindo wa maisha, hakuna michoro ya dhahania ya 3D—kizuizi hiki kinakusudiwa kulenga bidhaa na data.
Paleti
Chapa
- Indigo Navy
#111a4a— Rangi kuu ya chapa hutumika kwa miito iliyojazwa ya kuchukua hatua, hali za urambazaji zinazotumika, kichwa cha habari, na nembo. Rangi ya zambarau-bluu iliyokolea huipa tovuti rangi nyeusi iliyokolea lakini iliyokolea; ikiunganishwa na maandishi meupe, huunda kitufe kinachoaminika zaidi kwenye tovuti. - Seafoam 600
#44b48b— Rangi ya msimbo na data ni rangi ya chapa ya funguo za JSON, vitambulisho, na thamani za kifedha katika vipande vya msimbo. Pia hutumika kwa pointi za data katika chati na taswira za ukuaji. - Seafoam 700
#167e6c— Kivuli cheusi cha povu la baharini kwa muhtasari, mistari ya chati, na lafudhi za aikoni ndani ya muktadha wa data. Hii hushikilia kipimo cha povu la baharini dhidi ya mandharinyuma nyeusi. - Seafoam 400
#94efb7— Kipande cha msimbo kilichoangaziwa kina thamani za mfuatano, URL, na sehemu za mwisho za API ndani ya vizuizi vya msimbo. Rangi nyepesi zaidi ya povu la baharini husomwa kama fonti yenye nafasi moja yenye rangi ya kijani kibichi. - Deep Sea
#023247— Muhtasari wa mapambo na rangi ya lafudhi ya chati ni rangi tajiri ya zumaridi inayotumika katika vielelezo vya SVG na taswira za data, pamoja na kipimo cha rangi ya povu la baharini.
Isiyoegemea upande wowote
- Midnight Ink
#011821— Uso mweusi na maandishi yaliyoangaziwa - mandharinyuma ya kadi ya bidhaa, maandishi makuu yenye utofautishaji mkubwa. Karibu na kijivu na rangi baridi ya bluu-kijani; hutumika kama msingi wa hali nyeusi wakati sehemu inahitaji kugeuzwa. - Slate Ink
#3b3e47— Kichwa cha pili na maandishi kuu ni ya joto kidogo kuliko Wino wa Usiku wa Manane, unaotumika ambapo rangi nyeusi kabisa ingeonekana kuwa kali sana kwenye turubai nyepesi. - Steel
#7c7f88— Maandishi kuu na maandishi ya kiungo yanatawaliwa na rangi iliyonyamazishwa (imetumika mara 245 katika maandishi kuu). Rangi ya kijivu-bluu isiyo na rangi ambayo huonekana kama picha tulivu, kamwe si picha iliyooshwa. - Fog
#a9acb6— Michoro ya aikoni, mipaka ya tatu, na maandishi ya kishika nafasi. Rangi ya kijivu ya wastani inayotenganisha maandishi bila kushindana nayo. - Mist
#cbcccf— Maandishi makuu—saini, kanusho, na chapa ndogo—yanasomeka vizuri kwenye mandhari nyeupe, lakini hayaonekani sana. - Silver Lining
#e3e4e8— Mipaka ya kadi, mipaka ya sehemu za kuingiza, mistari inayogawanya. Rangi hii ya kimuundo na hafifu hutumika ambapo nyuso mbili zinahitaji kutenganishwa bila vivuli.
Uchapaji
kuanzia pikseli 10 hadi 60 · hatua 10
- SuisseIntl — mbadala: Inter · mihtasari 300, 400, 500, 600 · Fonti kuu - inayotumika kwa vichwa vyote vya habari, maandishi ya mwili, vitufe, urambazaji, viungo, na maandishi ya kadi. Kijiometri cha kipekee bila serif huipa Safu mtindo tofauti wa uhariri, na kuitofautisha na kampuni zingine za fintech zinazofanya kazi pekee na Inter-only. Uzito ni 600 kwa pikseli 52–60 kwa vichwa vya habari, 500 kwa vichwa vidogo, 400 kwa maandishi ya mwili, na 300 kwa viungo visivyo na msisitizo mwingi.
- SuisseIntlMono — mbadala: JetBrains Mono · mihtasari 400 · Fonti yenye nafasi moja sawa na SuisseIntl, inayotumika kwa lebo za kiufundi, vitambulisho vya API, na data iliyopachikwa katika vipengele vya UI. Inadumisha uwiano sawa na SuisseIntl, kwa hivyo maandishi yenye nafasi moja na sawia hulingana ipasavyo katika miktadha mchanganyiko.
- SFMono — mbadala: Fira Code · mihtasari 400 · Onyesho la vipande vya msimbo - linaloonyeshwa katika mifano ya JSON na vizuizi vya nyaraka za API. Kivuli cha povu la baharini hutumika kutofautisha msimbo kutoka kwa maandishi ya kiolesura.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 8px |
| Redi ya kadi | 8px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 72px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Column 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
- dope.security — Kituo cha usiku wa manane chenye taa za zambarau
- Leonardo — Nyumba ya sanaa ya uhariri iliyogeuzwa. Jumba la makumbusho lenye kuta nyeusi ambapo vichwa vya habari vya zambarau hufanya kazi kama usakinishaji wa ukuta, na picha zinazozalishwa na AI zikining'inia kwenye gridi mnene chini.
- VEED — Ukuta mweupe wa matunzio wenye vifungo vya mwanga wa kijani kibichi
- Craft Docs — Kolagi ya kidijitali ya kutengeneza scrapbook. Muundo unafanana na scrapbook yenye mawazo na kugusa, ambapo noti za kidijitali zilizopangwa huchanganyikana na umbile laini na la kikaboni.
- Letter — Nyumba ya sanaa ya kibinafsi inayoonyesha vitu vya kale vinavyong'aa kutoka kwenye hifadhi. Eneo la maonyesho lenye kuta nyeusi ambapo vichwa vya habari vya kifahari vinaelea juu ya sanamu za chrome kwenye kuta zenye rangi za nyumba ya sanaa.
- Railway — Cosmic Midnight Express. Safari tulivu na ya kusisimua kupitia anga nyeusi, yenye mwanga wa nyota, ikiongozwa na ishara zilizo wazi.
- Garden Eight — Tahariri kubwa kwenye karatasi yenye rangi ya krimu. Kichwa cha habari cha serif cha pikseli 215 kiko peke yake kwenye ngozi ya ngozi yenye joto, kikiwa kimezungukwa na sanamu zinazoelea na nafasi hasi inayokumbusha hewa ya baharini—ukurasa unahisi zaidi kama jalada la monografu ya sanaa kuliko dashibodi.
- Steep — Uchambuzi wa Fonti za Serif kwenye Karatasi Joto
- ElevenLabs — Insha ya picha katika rangi ya krimu yenye umbo la kuvutia na vichwa vya habari hafifu. Daftari la mtindo wa Bauhaus—karatasi yenye rangi ya ganda la yai, wino mweusi, na lafudhi moja ya zambarau na chungwa kwa ajili ya kuonyesha bidhaa.
- Awesomic — Matundu ya zinki ya uhariri yenye alama za uakifishaji za rangi ya chungwa zinazokumbusha confetti
- Monad — jarida la kiufundi la uhariri kuhusu ngozi ya joto
- AI for Business — Chumba cha maonyesho cha wahariri cha kikatili katika rangi ya kijivu ya joto