Stripe
Incwadi yeakhawunti ebhalwe nge-inki ye-indigo kwiglasi eqandisiweyo
Stripe isebenzisa ulwimi oluphantse lube lolwe-monochrome kwizixhobo zemali: i-canvas emhlophe ethambileyo, epholileyo enezihloko eziluhlaza okwesibhakabhaka, phantse akukho zinto ze-chrome zokuhombisa, kunye ne-indigo enye ekhanyayo (#533afd) enokusetyenziswa ngokusemthethweni njengeqhosha, ikhonkco, okanye umphetho we icon. Ubhalo lubhityile kakhulu, lunobunzima obungama-300-nokuba lukwi-56px-olubonakala lungaphantsi koluqhelekileyo kunokuba lube lolwenkampani; isithuba soonobumba siyancipha kakhulu ngokobukhulu obukhulayo. Amaqhosha mancinci, asikwere (4px), kwaye asebenzisa ukuzaliswa kombala omfusa okanye imiqolo emincinci yombala omfusa. Inkqubo iyaziphepha ngokupheleleyo izithunzi; ubunzulu bufezekiswa ngokutshintsha imibala yangasemva (mhlophe → #f8fafd → #e5edf5 → imibala emfusa), endaweni yokuphakama. Lonke ujongano lusebenza njenge-accounting ledger okanye i-terminal: ulwazi oluxineneyo, imigca ecacileyo, indawo eyaneleyo phakathi kwamacandelo, kwaye umbala uvela kuphela xa kufuneka isenzo.
Ububanzi obuphezulu yi ~1320px kwikholamu yomxholo ophakathi kwi-canvas emhlophe. Iqhawe libhloko yombhalo ehambelana nekhohlo ngobukhulu obupheleleyo (56px) kunye neefowuni ezimbini eziya kwisenzo ngezantsi, akukho mfanekiso weqhawe—uhlobo lwe-typography YIqhawe. Amacandelo acwangciswe ngokuthe nkqo ngee-gutters ezilinganayo ze-96px kunye nezahluli ze-1px #e5edf5; akukho migca imnyama/ekhanyayo etshintshanayo. Icandelo ngalinye lilandela iphethini ephindaphindayo: isihloko secandelo elincinci kuzo zonke ii-caps (umbala otshayayo, i-12px), emva koko isihloko se-32-48px, emva koko isiqendu se-22px, emva koko igridi yamakhadi emveliso (iikholamu ezi-3 kwidesktop) okanye ibhloko yombhalo enekholamu ezi-2 enobugcisa obubonakalayo. Iilogo zeklayenti zivela kumgca omxinwa othe nkqo, ohambelana nekhohlo. Umgca osezantsi ngumcu omnye obanzi we #f8fafd onoluhlu lweekholamu ezininzi zeekhonkco. Isingqisho siphela sicotha, silinganiswa, kwaye ikakhulu sisicatshulwa—ubuninzi bolwazi buphantsi, nangona ubude be-scroll bude.
Imifanekiso ithintelwe kwaye ikwimo yedokhumentari. Iifoto zephepha elipheleleyo zivela kuphela kumacandelo abonisa izifundo zeemeko (umz., ukufotwa kwetrafikhi emoyeni yeHertz), ezithathwe phezulu okanye kwii-engile zedrama, kusetyenziswa imibala yendalo—akukho duotone okanye ukucutshungulwa kombala. Ii-skrini ze-interface yomsebenzisi yemveliso zisetyenziswa ngaphakathi kwamakhadi eempawu, zenziwe ngee-engile ezibukhali kunye nemida ecacileyo, ngaphandle kweefreyimu zesixhobo. Iilogo zamaqabane ziboniswa ngemibala yazo, ngaphandle kwezikhongozeli. Akukho mifanekiso, imifanekiso ye-3D, okanye izinto zemizobo engabonakaliyo yokuhombisa. Iimpawu ziyafana: ubunzima bomgca 1, ubunzima bomgca 2 kwimvelaphi emhlophe, kunye nobugcisa bomgca wejometri (ii-chevrons, iintolo, iimpawu zokujonga, iimpawu zamaxwebhu). Iphepha liqulathe ikakhulu umbhalo kunye nendawo emhlophe; imifanekiso ithatha ngaphantsi kwe-3% yendawo yonke ebonakalayo.
Iphalethi
Uphawu
- Indigo Ink
#533afd— Umfusa usetyenziselwa amaqhosha azaliswe ngokupheleleyo, iimeko ezikhethiweyo zokuzulazula, kunye namaxesha okuguqula aqhutywa kukugxila. - Indigo Hover
#7389ff— Umfusa usetyenziswa ukuqaqambisa amakhonkco, iithegi, kunye namabinzana amafutshane. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo.
Ukungathathi cala
- Midnight Ink
#061b31— Isihloko esiphambili kunye nombhalo womzimba zinombala onzulu, phantse omnyama kunye nombala oluhlaza okwesibhakabhaka opholileyo, osebenza njengesiseko senkqubo yonke yefonti. - Slate
#64748d— Umbhalo ongwevu ugxininisa amakhonkco, iithegi, kunye namabinzana amafutshane. - Steel
#50617a— Imibhalo eyongezelelweyo kunye nezinto ezixhasayo zibekwe phakathi kweslate kunye neethoni ezimfusa ezingasebenziyo ezisetyenziswa kwiilayisensi ezincinci. - Smoke
#839bc8— Kwizihloko ezinkulu zokuhombisa kunye nemibhalo ehamba nazo, kusetyenziswa umbala omfusa ongathethiyo - ungaze ube kwimigca yomzimba. - Pure White
#ffffff— I-canvas yephepha kunye neendawo eziphakanyisiweyo zamakhadi; imvelaphi emiselweyo apho zonke ezinye izinto zilinganiswa khona. - Mist
#f8fafd— Imvelaphi yeenyawo kunye nesahluli secandelo zingumthunzi opholileyo ongabonakaliyo owahlula iindawo ezingenamda obonakalayo.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-56px · amanyathelo ali-9
- sohne-var — ukutshintshwa: Inter Tight (variable · imida 300, 400 · Ifonti ekuphela kwayo esetyenziswayo kulo lonke ujongano yeyokusebenzisa izihloko, umbhalo womzimba, ukuzulazula, amaqhosha, kunye neelebheli. Ubunzima be-300 buyaphumelela nokuba isikrini sinobukhulu be-56px, olu luphawu olwahlukileyo: izihloko ziyahleba endaweni yokukhwaza, zimisela igunya ngokuzibamba endaweni yokukhwaza. Ubunzima be-400 bubonakala kuphela kwi-14–16px yokuzulazula kunye nombhalo weqhosha, apho kufuneka ukubetha okongezelelweyo ukuze kufundeke ngobukhulu obuncinci.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | banzi |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 4px |
| Irediyasi yekhadi | 4px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 96px |
| Ububanzi bephepha | 1320px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Stripe ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Ui — isicwangciso seklinikhi kwiphepha elingacwebezeliyo
- monopo saigon — Ukukhanya okukhanyayo okumanzi, okukhanyayo emva kokuthula komhleli—igalari yokuhlela enombala omnye idada ekukhanyeni okunyibilikisiweyo
- Ventriloc — I-observatory yomhleli yedatha ephepheni elifudumeleyo - i-ember enye e-orenji egxininisa ukuchaneka kwe-monochrome
- Hyer Aviation — Ukuhlwa kwentolongo phezu kwephepha. Isibhakabhaka esikhanyayo sokusa sidibana nelogo ye-serif enobukhulu be-fuselage, kwaye isandi esinye sodongwe esifudumeleyo siyaphula i-monochrome.
- Family — Isasazeke kwintsomi ekwiphepha lekrimu
- OFF+BRAND. — Isphere esikhanyayo kwi-parchment efudumeleyo
- Geniestudio — Incwadi yokubhala ethambileyo yasemini—uhlobo olunemiphetho ebanzi kunye nomgca omnye omkhulu wepeni
- xAI — Ilebhu yeKrimu efudumeleyo enePilisi emnyama
- Seed — isidalwa esiphilayo phantsi kweglasi yelebhu
- Cosmos — Udonga lwegalari olufakwe ilinen kwaye luxhonywe ngeePolaroids
- Cal — Ukusebenza okubonakalayo okunombala omnye, indlela yomntu. Inkqubo ebeka phambili ukucaca nokusebenza ngokusebenzisa i-palette emnyama namhlophe engqongqo, kodwa iyithambise ngoonobumba abanobubele kunye neemilo ezijikelezileyo.
- T1 Energy — Umzobo wesakhiwo semveliso kwi-parchment efudumeleyo ngumboniso ozolileyo, onombala omnye apho ubukhulu bemizi-mveliso kunye noonobumba abancinci bubonakalisa lonke uphawu.