Stripe
Usa ka libro sa kuwenta nga gisulat sa tinta nga indigo sa frosted glass
Stripe naggamit ug halos monochrome nga pinulongan para sa mga instrumento sa panalapi: usa ka humok, bugnaw nga puti nga canvas nga adunay itom nga asul nga mga ulohan, halos walay pangdekorasyon nga mga elemento sa chrome, ug usa ka hayag nga indigo (#533afd) nga mahimong gamiton isip usa ka butones, link, o icon outline. Ang tipograpiya nipis kaayo, nga adunay 300-point nga gibug-aton—bisan sa 56px—nga mobati nga masaligon nga wala’y gibug-aton imbes nga dayag nga korporasyon; ang gilay-on sa mga letra mikunhod pag-ayo uban sa pagdugang sa gidak-on. Ang mga butones gagmay, kuwadrado (4px), ug naggamit ug purple nga mga pun-an o ang pinakanipis nga purple nga mga outline. Ang sistema hingpit nga naglikay sa mga anino; ang giladmon makab-ot pinaagi sa pag-usab sa mga kolor sa background (puti → #f8fafd → #e5edf5 → purple nga mga kolor), imbes pinaagi sa pag-alsa. Ang tibuok interface molihok sama sa usa ka accounting ledger o usa ka terminal: dasok nga impormasyon, klaro nga mga linya, daghang espasyo taliwala sa mga seksyon, ug ang kolor makita lamang kung gikinahanglan ang usa ka aksyon.
Ang pinakataas nga gilapdon kay ~1320px para sa usa ka centered content column sa usa ka puti nga canvas. Ang hero kay usa ka left-aligned text block sa full size (56px) nga adunay duha ka call to action sa ubos, walay hero image—ang typography MAO ang hero. Ang mga seksyon gihan-ay nga patindog nga adunay parehas nga 96px nga mga gutter ug 1px #e5edf5 nga mga divider; walay nagpuli-puli nga dark/light stripes. Ang matag seksyon nagsunod sa balik-balik nga sumbanan: usa ka gamay nga titulo sa seksyon nga puro dagkong letra (smoky color, 12px), dayon usa ka 32-48px nga heading, dayon usa ka 22px nga paragraph, dayon usa ka grid sa mga product card (3 ka column sa desktop) o usa ka 2-column text block nga adunay visual art. Ang mga logo sa kliyente makita sa usa ka pig-ot nga vertical strip, left-aligned. Ang footer kay usa ka lapad nga #f8fafd strip nga adunay multi-column nga mga lista sa mga link. Ang kinatibuk-ang ritmo hinay, masukod, ug kasagaran teksto—ubos ang densidad sa impormasyon, bisan pa sa taas nga scroll length.
Ang mga hulagway gipugngan ug estilo sa dokumentaryo. Ang mga litrato nga tibuok panid makita lamang sa mga seksyon nga adunay mga case study (pananglitan, aerial traffic photography para sa Hertz), nga gikuha gikan sa ibabaw o sa dramatikong mga anggulo, gamit ang natural nga mga kolor—walay duotone o color processing. Ang mga screenshot sa user interface sa produkto gigamit sulod sa mga feature card, nga gi-render nga adunay hait nga mga anggulo ug klaro nga mga border, walay mga frame sa device. Ang mga logo sa partner gipakita sa ilang kaugalingong mga kolor, walay bisan unsang mga sudlanan. Walay mga ilustrasyon, 3D render, o pangdekorasyon nga abstract graphic elements. Ang mga icon parehas: line weight 1, line weight 2 sa puti nga background, nga adunay geometric line art (chevrons, arrows, checkmarks, mga simbolo sa dokumento). Ang panid gilangkoban sa teksto ug puti nga espasyo; ang mga imahe nag-okupar og wala pay 3% sa kinatibuk-ang visual area.
Paleta
Brand
- Indigo Ink
#533afd— Ang purpura gigamit para sa mga butones nga napuno, pinili nga mga estado sa nabigasyon, ug mga focus-driven conversion moment. - Indigo Hover
#7389ff— Ang purpura gigamit sa pag-highlight sa mga link, tag, ug mugbong mga hugpong sa mga pulong. Dili kini angay gamiton isip pangunang kolor para sa mga panawagan sa aksyon.
Neutral
- Midnight Ink
#061b31— Ang pangunang ulohan ug lawas sa teksto usa ka lawom, halos itom nga kolor nga adunay bugnaw nga asul nga kolor, nga nagsilbing basehan sa tibuok sistema sa font. - Slate
#64748d— Ang gray nga teksto nagpasiugda sa mga link, tag, ug mubo nga mga hugpong sa mga pulong. - Steel
#50617a— Ang dugang nga teksto ug mga materyales nga nagsuporta gibutang taliwala sa slate ug muted purple tones nga gigamit sa mga sublicense. - Smoke
#839bc8— Para sa dagkong pangdekorasyon nga mga ulohan ug kaubang teksto, usa ka muted purple nga landong ang gigamit - dili gyud sa body paragraph. - Pure White
#ffffff— Ang canvas sa panid ug ang gipataas nga mga nawong sa mga kard; ang default nga background diin gisukod ang tanan. - Mist
#f8fafd— Ang background sa footer ug ang section divider usa ka nipis ug bugnaw nga kolor nga nagbulag sa mga lugar nga walay makita nga border.
Tipograpiya
gikan sa 12 ngadto sa 56px · 9 ka lakang
- sohne-var — kapuli: Inter Tight (variable · mga balangkas 300, 400 · Ang bugtong font nga gigamit sa tibuok interface mao ang para sa mga heading, body text, navigation, mga butones, ug mga label. Ang 300 nga gibug-aton mopatigbabaw bisan sa gidak-on sa screen nga 56px, nga usa ka talagsaon nga bahin: ang mga heading mohunghong imbes nga mosinggit, nga nagtukod og awtoridad pinaagi sa pagpugong imbes nga volume. Ang 400 nga gibug-aton makita lamang sa 14–16px para sa navigation ug button text, diin gikinahanglan ang dugang nga stroke para sa kabasa sa gagmay nga mga gidak-on.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | lapad |
| Batakang lakang | 8px |
| Radius sa butones | 4px |
| Radius sa kard | 4px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 96px |
| Lapad sa panid | 1320px |
Ang AI motukod sa imong website sa estilo sa Stripe ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Ui — klinikal nga plano sa matte nga papel
- monopo saigon — Usa ka likido, naggilakgilak nga kahayag luyo sa kahilom sa editoryal—usa ka monochrome editorial gallery nga naglutaw sa tinunaw nga kahayag
- Ventriloc — Usa ka obserbatoryo sa editoryal sa datos sa mainit nga papel - usa ka orange nga baga nga nagpasiugda sa katukma sa monochrome
- Hyer Aviation — Kilumkilom sa cockpit ibabaw sa pergamino. Ang luspad nga langit sa kaadlawon misugat sa serif logo nga sama kadako sa fuselage, ug usa ka mainit nga accent nga lapok ang nakabungkag sa monochrome nga pagpugong.
- Family — Usa ka pagkaylap gikan sa usa ka sugilanon sa engkanto sa cream parchment
- OFF+BRAND. — Iridescent sphere sa init nga pergamino
- Geniestudio — Usa ka humok nga daylight notebook—ang klase nga lapad ang mga kilid ug usa ka baga nga hagod sa bolpen
- xAI — Mainit nga Cream Lab nga adunay Itom nga Pildoras
- Seed — usa ka buhing organismo ubos sa bildo sa laboratoryo
- Cosmos — Usa ka bungbong sa gallery nga gilinyahan og linen ug gibitayan og Polaroids
- Cal — Praktikalidad sa monochrome, usa ka tawhanong pamaagi. Usa ka sistema nga nag-una sa katin-aw ug gamit pinaagi sa estrikto nga itom-ug-puti nga paleta, apan gipahumok kini gamit ang mahigalaon nga tipograpiya ug lingin nga mga porma.
- T1 Energy — Ang drowing sa usa ka pasilidad sa produksiyon sa init nga pergamino usa ka hilom, monochrome nga talan-awon diin ang industriyal nga sukod ug pino nga tipograpiya naglangkob sa tibuok nga brand.