Column
ìwé àkọsílẹ̀ aláwọ̀ búlúù dúdú lábẹ́ òwúrọ̀ tó tutù
Ọ̀wọ̀n náà lo àwọ̀ búlúù tó jinlẹ̀, tó sì wà ní ìpìlẹ̀ funfun tó fẹ́rẹ̀ẹ́ tó: ojú ìwé náà dà bí ojú ilẹ̀ tó lágbára ní ìṣáájú àti ibi ìṣeré olùgbéjáde ní ìkejì. Àwọ̀ àmì ìdánimọ̀ náà kì í ṣe ẹyọ kan ṣoṣo, ṣùgbọ́n méjì tó ní ìṣọ̀kan—àwọ̀ búlúù #111a4a fún ìṣètò tó ṣe pàtàkì, àwọ̀ mint #44b48b fún dátà àti kódì—pẹ̀lú osàn tó gbóná kan (#ec652b) tó wà fún àwọn ojú ibi tó ní agbára gíga bíi káàdì Brex. SuisseIntl ló ń darí ìkọ̀wé náà, onígun mẹ́rin láìsí serif tó ń lò káàkiri gbogbo ìwọ̀n láti 300 (àwọn ìjápọ̀) sí 600 (ìfihàn), èyí tó fún ètò náà ní àṣà ìṣàtúnṣe, tó sì dára tí ọ̀pọ̀ ilé iṣẹ́ fintech kò ní. Àwọn káàdì máa ń léfòó lórí àwọn ojú ilẹ̀ funfun ńlá pẹ̀lú àwọn òjìji tó rọrùn; ọ̀pọ̀lọpọ̀ àwọn èròjà ìfọ́mọ́ra jẹ́ pẹ̀lẹ́pẹ̀lẹ́, pẹ̀lú jíjìn tó ń hàn níbi tí káàdì náà yẹ kó rí bí ohun tó jẹ́ ti ara (àwọn ẹ̀rọ ìṣòwò, àwọn àwòkọ́ṣe ọjà). A gbé kódì àti dátà ìṣúná owó kalẹ̀ ní àwọ̀ monochrome, tó ní àwọ̀ seafoam—ìfihàn tó ń fi hàn pé èyí jẹ́ báńkì tí àwọn onímọ̀ ẹ̀rọ kọ́ fún àwọn onímọ̀ ẹ̀rọ.
Ìṣètò ojú ìwé náà jẹ́ fífẹ̀ pátápátá, ó sì wà ní àárín pẹ̀lú àwọn ẹ̀gbẹ́ tó gbòòrò (64–15 cm lórí tábìlì). Ìbòjú àkọ́kọ́ jẹ́ ìṣètò pínyà: àkọlé àti ìpè sí ìgbésẹ̀ wà ní ìlà òsì ní 25 cm, nígbà tí ẹ̀rọ ìbánisọ̀rọ̀ kan wà ní apá ọ̀tún ní 55 cm sí ìsàlẹ̀ àtẹ ìṣàpẹẹrẹ. Ní ìsàlẹ̀ ìbòjú àkọ́kọ́, àwọn apá máa ń yípo láàrín funfun (4 cm) àti kánfàní fẹ́lẹ́fẹ́lẹ́ (5 cm) pẹ̀lú àwọn ihò inaro 6 cm. A to àkóónú náà gẹ́gẹ́ bí àkójọ ìkọ̀wé kan ṣoṣo: àwọn búlọ́ọ̀kì ọ̀rọ̀ gba àwọn ọ̀wọ̀n mẹ́rin (7 cm), àwọn káàdì àwòrán/ọjà gba àwọn ọ̀wọ̀n 5–6, pẹ̀lú ìyípadà láti inú àkójọ náà. Àwọn apá tí ó ń ṣàpèjúwe àwọn ẹ̀yà ara ń lo ìṣètò ìkọ̀wé méjì: ìkọ̀wé ní apá òsì, ọjà ní apá ọ̀tún. A pín apá statistiki ìgbẹ́kẹ̀lé sí àkójọ ìkọ̀wé mẹ́rin ní gbogbo ìbú ojú ìwé náà. Àwọn àmì oníbàárà wà ní ìlà kan tí ó wà ní àárín pẹ̀lú àwọn ihò 48px. Ìsàlẹ̀ náà ní ìṣètò ìkọ̀wé méjì kékeré. Lílọ kiri náà jẹ́ ọ̀pá òkè tí a ti ṣe àtúnṣe, gíga rẹ̀ jẹ́ 62px, tí ó hàn gbangba lórí ìbòjú àkọ́kọ́ pẹ̀lú ìpìlẹ̀ tí kò dáa tí ó máa ń di funfun bí o ṣe ń yípo. Kò sí ẹ̀gbẹ́ tàbí àkójọpọ̀ gíga—àwọn àkójọpọ̀ náà jẹ́ àkójọpọ̀ tí ó rọrùn tí ó ní irú ọfà.
Aṣa wiwo naa jẹ minimalist ati iṣẹ-ṣiṣe—Ọwọn naa yẹra fun fọtoyiya iṣura patapata. Èdè wiwo naa ni a kọ sori awọn orisun mẹta: (1) Awọn aworan data SVG, pataki maapu agbaye halftone ti o ni aami, ti a ṣe pẹlu gradient lati indigo si osan si turquoise, ṣiṣẹda afẹfẹ ti iwọn agbaye lẹhin eroja akọkọ; (2) awọn eto kaadi ọja—awọn ẹrọ ailorukọ ti nfofo ti n ṣe afihan awọn iwọntunwọnsi akọọlẹ, awọn alaye gbigbe, ati awọn akopọ koodu JSON ninu awọn kaadi funfun pẹlu awọn ojiji iyalẹnu; (3) awọn aworan atọka—awọn atọka fitila turquoise tabi awọn shatti bar pẹlu awọn laini asopọ tinrin ti a lo ninu apakan igbẹkẹle/awọn iṣiro. Maapu halftone jẹ ẹya wiwo ti o ni ami-ami—awọn iyipada gradient rẹ lati #d65620 (osan) nipasẹ violet, blue, azure, turquoise, ati yellow, ṣiṣẹda spectrum kan ti o so gbogbo paleti ami iyasọtọ pọ lori oju ohun ọṣọ kan. Awọn aami naa ni sisanra apẹrẹ ti o jọra ti 1.5–2px ninu awọn iyatọ #232730 tabi #a9acb6, pẹlu kikun fun awọn ipo ti nṣiṣe lọwọ. Kò sí àwòrán ìgbésí ayé, kò sí àwòrán 3D aláfọwọ́kọ—ìdádúró náà jẹ́ láti fi àfiyèsí sí ọjà àti dátà.
Paleti
Orúkọ ọjà
- Indigo Navy
#111a4a— Awọ akọkọ ti ami iyasọtọ naa ni a lo fun awọn ipe ti o kun si iṣẹ, awọn ipo lilọ kiri ti nṣiṣe lọwọ, akọle, ati aami naa. Awọ pupa-bulu ti o jinle fun aaye naa ni awọ dudu ti o lagbara ṣugbọn ti o ni ọlọrọ; ni asopọ pẹlu ọrọ funfun, o ṣẹda bọtini ti o ni idaniloju julọ lori aaye naa. - Seafoam 600
#44b48b— Àwọ̀ kóòdù àti dátà ni àwọ̀ àmì ìdámọ̀ fún àwọn kọ́kọ́rọ́ JSON, àwọn ìdámọ̀, àti àwọn ìníyelórí ìṣúná owó nínú àwọn àkójọ kóòdù. A tún lò ó fún àwọn àmì dátà nínú àwọn àtẹ àti àwọn àwòrán ìdàgbàsókè. - Seafoam 700
#167e6c— Àwọ̀ dúdú ti fọ́ọ̀mù òkun fún àtòjọ, àwọn ìlà àtẹ, àti àwọn àmì ìdámọ̀ nínú àyíká ìwádìí dátà. Èyí ń so ìwọ̀n fọ́ọ̀mù òkun mọ́ ìpìlẹ̀ dúdú náà. - Seafoam 400
#94efb7— Àkójọpọ̀ kódì tí a tẹnumọ́ ní àwọn ìwọ̀n okùn, àwọn URL, àti àwọn ibi ìparí API nínú àwọn bulọ́ọ̀kì kódì. Àwọ̀ fọ́ọ̀mù òkun tí ó fúyẹ́ jùlọ kà gẹ́gẹ́ bí fọ́ọ̀mù tí a yà sọ́tọ̀ pẹ̀lú àwọ̀ ewéko. - Deep Sea
#023247— Àwòrán ohun ọ̀ṣọ́ àti àwọ̀ àmì tí a fi ṣe àtẹ yìí jẹ́ àwọ̀ turquoise tó wọ́pọ̀ tí a lò nínú àwòrán SVG àti àwòrán ìfihàn dátà, pẹ̀lú ìwọ̀n àwọ̀ omi òkun.
Dídúróṣinṣin
- Midnight Ink
#011821— Ojú dúdú àti ọ̀rọ̀ tí a fihàn – ìsàlẹ̀ káàdì ọjà, ìkọ̀wé pàtàkì tí ó yàtọ̀ síra. Ó sún mọ́ àwọ̀ ewé pẹ̀lú àwọ̀ búlúù àti ewéko tútù; a lò ó gẹ́gẹ́ bí ìpìlẹ̀ fún ipò dúdú nígbà tí a bá nílò láti yí apá kan padà. - Slate Ink
#3b3e47— Àkọlé kejì àti ìkọ̀wé pàtàkì náà gbóná díẹ̀ ju Midnight Ink lọ, tí a lò níbi tí dúdú pípé yóò ti dàbí èyí tí ó le koko jù lórí àwọ̀ fẹ́lẹ́fẹ́lẹ́ náà. - Steel
#7c7f88— Àwọ̀ tí a ti sọ di aláìlágbára ló ń darí ọ̀rọ̀ pàtàkì àti ìsopọ̀mọ́ra náà (tí a lò ní ìgbà 245 nínú ìwé pàtàkì). Àwọ̀ ewé-aláwọ̀ ewé tí a kò lè rí gẹ́gẹ́ bí ẹni tí ó dákẹ́ jẹ́ẹ́, tí a kò lè rí àwòrán tí a ti sọ di aláìlágbára. - Fog
#a9acb6— Àmì àkójọpọ̀, àwọn ààlà kẹta, àti ọ̀rọ̀ tí ó ní ibi tí a gbé kalẹ̀. Àwọ̀ ewé aláwọ̀ dúdú tí ó ya ọ̀rọ̀ náà sọ́tọ̀ láìsí pé ó ń díje pẹ̀lú rẹ̀. - Mist
#cbcccf— Àwọn ọ̀rọ̀ pàtàkì—ìfọwọ́sí, ìkọ̀sílẹ̀, àti àwọn ìtẹ̀wé kéékèèké—a lè kà ní ẹ̀yìn funfun, ṣùgbọ́n ojú kò fi bẹ́ẹ̀ hàn kedere. - Silver Lining
#e3e4e8— Àwọn ààlà káàdì, àwọn ààlà pápá ìtẹ̀wọlé, àwọn ìlà pípín. A ń lo àwọ̀ onípele yìí níbi tí a ti nílò láti yà àwọn ojú méjì sọ́tọ̀ láìsí òjìji.
Ìtẹ̀wé
láti 10 sí 60px · Àwọn ìgbésẹ̀ 10
- SuisseIntl — rirọpo: Inter · awọn ilana apẹrẹ 300, 400, 500, 600 · Fọ́ọ̀ǹtì àkọ́kọ́ – tí a lò fún gbogbo àwọn àkọlé, ọ̀rọ̀ ara, bọ́tìnì, ìtọ́sọ́nà, àwọn ìjápọ̀, àti ọ̀rọ̀ káàdì. Ẹ̀rọ onígun mẹ́rin aláìlẹ́gbẹ́ náà fún Column ní àṣà ìkọ̀wé tó yàtọ̀, ó yà á sọ́tọ̀ kúrò lára àwọn ilé-iṣẹ́ fintech mìíràn tí wọ́n ń ṣiṣẹ́ pẹ̀lú Inter-only nìkan. Ìwọ̀n rẹ̀ jẹ́ 600 ní 52–60px fún àwọn àkọlé, 500 fún àwọn àkọlé kékeré, 400 fún ọ̀rọ̀ ara, àti 300 fún àwọn ìjápọ̀ tí kò fi bẹ́ẹ̀ tẹnumọ́.
- SuisseIntlMono — rirọpo: JetBrains Mono · awọn ilana apẹrẹ 400 · Fọ́ọ̀ǹtì onípele kan tí ó jọ SuisseIntl, tí a lò fún àwọn àmì ìmọ̀-ẹ̀rọ, àwọn ìdámọ̀ API, àti dátà tí a fi sínú àwọn èròjà UI. Ó ń pa ìwọ̀n kan náà mọ́ gẹ́gẹ́ bí SuisseIntl, nítorí náà, ọ̀rọ̀ onípele kan náà àti èyí tí ó jọra máa ń bá ara wọn mu ní àwọn àyíká tí ó dọ́gba.
- SFMono — rirọpo: Fira Code · awọn ilana apẹrẹ 400 · Ifihan àkójọpọ̀ kódì - tí a fihàn nínú àwọn àpẹẹrẹ JSON àti àwọn bulọọki ìwé API. A lo òjìji eéfóómù láti fi ìyàtọ̀ hàn sí kódì láti inú ọ̀rọ̀ UI.
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | apapọ |
| Igbesẹ ipilẹ | 8px |
| Rọ́díọ̀sì bọ́tìnì | 8px |
| rédíọ̀sì káàdì | 8px |
| Àwọn òjìji | kò sí - àwọn ààlà dípò àwọn òjìji |
| Láàárín àwọn ẹ̀ka | 72px |
| Fífẹ̀ ojú ìwé | 1200px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Column yóò sì kún ún
- Kún àwọn ọjà àti ìfiránṣẹ́ nípasẹ̀ ìjápọ̀ náà - Instagram, TikTok, Facebook.
- Gbe akoonu lati oju opo wẹẹbu atijọ rẹ—kan sọ adirẹsi naa.
- Apẹẹrẹ ode oni lori ẹrọ ti o dara julọ: React ( Next.js) pẹlu ifihan olupin ati iṣapeye SEO kuro ninu apoti.
- Iṣapeye SEO adaṣe ni kikun fun awọn abajade wiwa ati awọn iṣeduro nẹtiwọọki neural.
Àwọn àṣà tó jọra
- dope.security — Ibùdó òru pẹ̀lú àwọn àmì aláwọ̀ elése àlùkò
- Leonardo — Àkójọ àwòrán olóòtú tí a yí padà. Ilé ìkóhun-ìṣẹ̀ǹbáyé aláwọ̀ dúdú níbi tí àwọn àkọlé àwọ̀ elése àlùkò ti ń ṣiṣẹ́ gẹ́gẹ́ bí ìgbékalẹ̀ ògiri, àti àwọn àwòrán tí AI ṣe tí a gbé kalẹ̀ tí ó wà ní ìsàlẹ̀.
- VEED — Odi ibi aworan funfun pẹlu awọn bọtini ina alawọ ewe neon
- Craft Docs — Àkójọpọ̀ oní-nọ́ńbà fún ìkọ̀wé ìwé-ẹ̀rí. Apẹẹrẹ náà jọ ìwé-ẹ̀rí ìwé-ẹ̀rí onírònú, tí ó ní ìfọwọ́kàn, níbi tí àwọn àkọsílẹ̀ oní-nọ́ńbà tí a ṣètò ti dara pọ̀ mọ́ àwọn ìrísí onírẹ̀lẹ̀, tí ó jẹ́ ti ẹ̀dá.
- Letter — Àwòrán ìkọ̀kọ̀ kan tí ó ní àwọn ohun ìṣẹ̀ǹbáyé tí ń tàn yanranyanran láti ibi ìpamọ́. Ààyè ìfihàn aláwọ̀ dúdú kan níbi tí àwọn àkọlé tí a fi àwòrán ṣe ń fò lórí àwọn ère chrome lórí àwọn ògiri aláwọ̀ tí a fi àwọ̀ ṣe àwòrán náà.
- Railway — Ìrìn àjò Cosmic Midnight Express. Ìrìn àjò tó dákẹ́ jẹ́ẹ́, tó sì dùn mọ́ni nínú ààyé òkùnkùn, tó ní ìmọ́lẹ̀ ìràwọ̀, tí àwọn àmì tó hàn gbangba ń darí.
- Garden Eight — Àkọlé ìròyìn ńlá lórí ìwé aláwọ̀ ìpara. Àkọlé serif 215px náà dá dúró lórí ìwé gbígbóná, tí àwọn àwòrán ọnà tí ń léfòó àti àlàfo òdì yíká tí ó dàbí afẹ́fẹ́ òkun—ojú ìwé náà dà bí ìbòjú ìwé àwòrán kan ju dígítàbù lọ.
- Steep — Àgbéyẹ̀wò àwọn fọ́ọ̀ǹtì Serif lórí ìwé gbígbóná
- ElevenLabs — Àròkọ fọ́tò tí a fi ìpara gbígbóná ṣe pẹ̀lú àwọn àkọlé tí kò ṣe kedere. Ìwé àkọsílẹ̀ oníṣe Bauhaus—ìwé àwọ̀ ẹyin, inki dúdú, àti àmì aláwọ̀ elése àlùkò àti osàn kan ṣoṣo fún ìfihàn ọjà náà.
- Awesomic — Àwọ̀n síńkì olóòtú pẹ̀lú àwọn àmì àmì ọsàn tí ó jọ confetti
- Monad — Ìwé ìròyìn ìmọ̀ ẹ̀rọ olóòtú lórí ìwé parchment gbígbóná
- AI for Business — Yàrá ìfihàn olóòtú oníwà ìkà ní àwọn ohùn aláwọ̀ ewé gbóná