Stripe
Bhuku reakaunti rakanyorwa neingi ye indigo pagirazi rakachekwa nechando
Stripe inoshandisa mutauro wemhando imwe chete pakushandisa mari: kanivhasi chena yakapfava, inotonhorera ine misoro yebhuruu yakasviba, isina zvinhu zvekushongedza zvechrome, uye indigo imwe chete yakajeka (#533afd) inogona kushandiswa zviri pamutemo sebhatani, chinongedzo, kana chiratidzo. Matapirwo acho akatetepa zvikuru, ane huremu hwemapoinzi mazana matatu—kunyangwe pa56px—inonzwa isina kunyatsojeka pane kuoneka semakambani; nzvimbo yemabhii inoderera zvakanyanya nekukura kuri kuwedzera. Mabhatani madiki, sikweya (4px), uye anoshandisa kuzadza kwepepuru kana zvidimbu zvepepuru zvakatetepa. Sisitimu iyi inodzivirira mimvuri zvachose; kudzika kunowanikwa kuburikidza nekuchinja mavara ekumashure (chena → #f8fafd → #e5edf5 → mavara epepuru), pane kuburikidza nekukwirira. Iyo interface yese inoita seakaundi yekuverenga kana terminal: ruzivo rwakasimba, mitsetse yakajeka, nzvimbo yakakura pakati pezvikamu, uye ruvara runoonekwa chete kana chiito chinodiwa.
Upamhi hwepamusoro i ~1320px yekoramu yemukati iri pakati pecanvas chena. Gamba ibhuroko remavara rakatarisana nekuruboshwe pahukuru hwakazara (56px) rine ma call maviri ekuita chiito pazasi, hapana mufananidzo wegamba - typography NDIYO gamba. Zvikamu zvakarongwa zvakamira ne 96px gutters yakaenzana uye 1px #e5edf5 dividers; hapana mitsetse yakasviba/yakajeka inochinjana. Chikamu chimwe nechimwe chinotevera patani inodzokororwa: musoro wechikamu mudiki muzvikamu zvese (ruvara rweutsi, 12px), wobva wave nemusoro we 32-48px, wobva wave nendima ye 22px, wobva wave negrid yemakadhi ezvigadzirwa (makoramu matatu padesktop) kana bhuroko remavara maviri rine mifananidzo. Ma logo evatengi anoonekwa mumutsara wakamanikana wakamira, wakatarisana nekuruboshwe. Chitsiko chetsoka ibhuroko rimwe rakafara re #f8fafd rine rondedzero dzemakoramu akawanda. Mutsetse wese unononoka, wakayerwa, uye unonyanya kuve wekunyora - huwandu hwemashoko hwakaderera, pasinei nehurefu hwekuscroll.
Mifananidzo yacho yakaganhurirwa uye yakaita seyemadhijitari. Mifananidzo yakazara inongoonekwa muzvikamu zvine zvidzidzo zvezviitiko (semuenzaniso, mifananidzo yemuchadenga yeHertz), yakatorwa kubva kumusoro kana pamakona ekudhirowa, uchishandisa mavara echisikigo—hapana duotone kana kugadzirisa mavara. Mifananidzo yemushandisi wechigadzirwa inoshandiswa mukati memakadhi ebasa, inogadzirwa nemakona akapinza uye miganhu yakajeka, isina mafuremu emidziyo. Malogo evadyidzani anoratidzwa nemavara awo, pasina midziyo. Hapana mifananidzo, mifananidzo ye3D, kana zvinhu zvekushongedza zvisinganzwisisike. Mapikicha akafanana: huremu hwemutsetse 1, huremu hwemutsetse 2 pamashure machena, nemifananidzo yemitsetse yejometri (chevrons, miseve, zviratidzo zvecheki, zviratidzo zvemagwaro). Peji iri rine zvinyorwa nenzvimbo chena; mifananidzo inogara pasi pe3% yenzvimbo yese yekuona.
Palette
Rudzi
- Indigo Ink
#533afd— Purple inoshandiswa pamabhatani akazadzwa, mamiriro ekufamba akasarudzwa, uye nguva dzekushandura dzinotungamirirwa nekutarisa. - Indigo Hover
#7389ff— Pepuru inoshandiswa kuratidza zvinongedzo, matagi, uye mitsara mipfupi. Haifanirwe kushandiswa seruvara rukuru rwekushevedzera chiito.
Kwakarerekera
- Midnight Ink
#061b31— Musoro mukuru nemuviri wechinyorwa zvine ruvara rwakadzika, runenge rutema uye ruvara rwebhuruu runotonhorera, izvo zvinoshanda sehwaro hwehurongwa hwese hwemafonti. - Slate
#64748d— Rugwaro rwegrey runoratidza zvinongedzo, matagi, uye mitsara mipfupi. - Steel
#50617a— Mamwe mashoko nezvimwe zvinhu zvinotsigira zviri pakati peslate nematoni epepuru asina kujeka anoshandiswa pamarezinesi madiki. - Smoke
#839bc8— Pamisoro mikuru yekushongedza uye magwaro anoenderana nayo, jira repepuru rakadzimwa rinoshandiswa - kwete mundima dzemuviri. - Pure White
#ffffff— Kanivhasi yemapeji nenzvimbo dzakasimudzwa dzemakadhi; nzvimbo yekumashure iyo zvimwe zvese zvinoyerwa nayo. - Mist
#f8fafd— Chinopatsanura mativi etsoka nechikamu chechikamu mumvuri unotonhorera zvishoma unoparadzanisa nzvimbo dzisina muganhu unooneka.
Kunyora
kubva pa12 kusvika pa56px · nhanho 9
- sohne-var — kutsiva: Inter Tight (variable · marongero 300, 400 · Font chete inoshandiswa muinterface yese ndeyemisoro, body text, navigation, buttons, uye labels. Huremu hwe300 hunokunda kunyangwe pascreen size ye56px, inova chinhu chinosiyanisa: misoro inozevezera pane kushevedzera, ichisimbisa simba kuburikidza nekudzora pane vhoriyamu. Huremu hwe400 hunoonekwa chete pa14–16px yekufambisa uye mabhatani text, uko kunodiwa kupinza kwakawedzerwa kuti kuverengeke pahukuru hudiki.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | yakakura |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 4px |
| Nharaunda yekadhi | 4px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 96px |
| Upamhi hwepeji | 1320px |
AI ichavaka webhusaiti yako nenzira ye Stripe uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Ui — chirongwa chekiriniki papepa risina kusimba
- monopo saigon — Kupenya kwemvura, kunopenya kuseri kwekunyarara kwekunyora—mufananidzo wekunyora wemonochrome wakayangarara pachiedza chakanyungudutswa
- Ventriloc — Ongororo yezvinyorwa yedata riri papepa rinodziya - jira reorenji rimwe chete rinoratidza kunyatsojeka kwemonochrome
- Hyer Aviation — Kusviba kwemutyairi wendege pamusoro peganda. Denga remambakwedza rakachenuruka rinosangana nechiratidzo che serif chakaenzana ne fuselage, uye izwi rimwe chete revhu rinodziya rinopwanya chivharo che monochrome.
- Family — Kupararira kubva mungano paganda rekirimu
- OFF+BRAND. — Dunhu rinopenya rakaita serinopenya paganda rinodziya
- Geniestudio — Kabhuku kekunyorerwa masikati kakapfava—kane mipendero yakafara uye kanokora kepeni kamwe chete
- xAI — Lab yeKirimu Inodziya ine Piritsi Nhema
- Seed — chipenyu chiri pasi pegirazi remurabhoritari
- Cosmos — Rusvingo rwemagirazi rwakafukidzwa nerineni uye rwakaturikwa nePolaroids
- Cal — Kushanda kwechinhu chimwe chete, maitiro evanhu. Sisitimu inokoshesa kujeka uye mashandiro kuburikidza nependi nhema nechena, asi inoipfavisa nemataipi ane hushamwari uye maumbirwo akatenderera.
- T1 Energy — Mufananidzo wenzvimbo yekugadzira zvinhu paganda rinodziya inyaya yakanyarara, ine mavara maviri apo huwandu hwemaindasitiri uye manyorerwo akajeka anomiririra mhando yese yezvigadzirwa.