Stripe
Kontolibro skribita per indiga inko sur prujnvitro
Stripe uzas preskaŭ monokroma lingvo por financaj instrumentoj: mola, malvarmeta blanka kanvaso kun malhelbluaj titoloj, preskaŭ neniuj dekoraciaj kromaj elementoj, kaj ununura hela indigo (#533afd) kiu povus legitime esti uzata kiel butono, ligilo aŭ ikona konturo. La tipografio estas escepte maldika, kun 300-punkta pezo - eĉ je 56 rastrumeroj - kiu ŝajnas memfide modesta anstataŭ malkaŝe entreprena; la literinterspaco malpliiĝas akre kun kreskanta grandeco. Butonoj estas malgrandaj, kvadrataj (4 rastrumeroj), kaj uzas violajn plenigaĵojn aŭ la plej maldikajn violajn konturojn. La sistemo tute evitas ombrojn; profundo estas atingita per ŝanĝiĝantaj fonaj nuancoj (blanka → #f8fafd → #e5edf5 → violaj nuancoj), anstataŭ per altigo. La tuta interfaco kondutas kiel kontada librotenilo aŭ terminalo: densaj informoj, klaraj linioj, abunda spaco inter sekcioj, kaj koloro aperas nur kiam ago estas necesa.
La maksimuma larĝo estas ~1320 rastrumeroj por centrita enhavkolumno sur blanka kanvaso. La ĉeffiguro estas maldekstre vicigita tekstbloko je plena grandeco (56 rastrumeroj) kun du vokoj al ago sube, neniu ĉefbildo — la tipografio ESTAS la ĉeffiguro. Sekcioj estas aranĝitaj vertikale kun egalaj 96 rastrumeroj dekanaligiloj kaj 1 rastrumero #e5edf5 dividiloj; ne estas alternaj malhelaj/helaj strioj. Ĉiu sekcio sekvas ripetantan ŝablonon: malgranda sekcia titolo tute majuskle (fumkolora, 12 rastrumeroj), poste 32-48 rastrumera titolo, poste 22 rastrumera paragrafo, poste krado de produktaj kartoj (3 kolumnoj sur labortablo) aŭ 2-kolumna tekstbloko kun vida arto. Klientaj emblemoj aperas en mallarĝa vertikala strio, maldekstre vicigitaj. La piedlinio estas unu larĝa #f8fafd strio kun plurkolumnaj listoj de ligiloj. La ĝenerala ritmo estas malrapida, mezurita kaj ĉefe teksta — informa denseco estas malalta, malgraŭ la longa rullongo.
La bildoj estas moderaj kaj dokumentaj. Tutpaĝaj fotoj aperas nur en sekcioj prezentantaj kazesplorojn (ekz., aertrafika fotado por Hertz), fotitaj de supre aŭ laŭ dramaj anguloj, uzante naturajn kolorojn - neniun duotonan aŭ kolorprilaboradon. Ekrankopioj de la uzantinterfaco de la produkto estas uzataj ene de trajtaj kartoj, bildigitaj kun akraj anguloj kaj klaraj randoj, sen aparataj kadroj. Partneraj emblemoj estas montrataj en siaj propraj koloroj, sen iuj ujoj. Ne estas ilustraĵoj, 3D-bildigoj aŭ dekoraciaj abstraktaj grafikaj elementoj. Ikonoj estas unuformaj: linipezo 1, linipezo 2 sur blanka fono, kun geometria linia arto (ĉevroj, sagoj, ĉekmarkoj, dokumentaj simboloj). La paĝo konsistas ĉefe el teksto kaj blanka spaco; bildoj okupas malpli ol 3% de la tuta vida areo.
Paletro
Marko
- Indigo Ink
#533afd— Purpura koloro estas uzata por plenaj butonoj, elektitaj navigaciaj statoj kaj fokus-movitaj konvertaj momentoj. - Indigo Hover
#7389ff— Purpura koloro estas uzata por reliefigi ligilojn, etikedojn kaj mallongajn frazojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Midnight Ink
#061b31— La ĉefa titolo kaj la korpoteksto estas profunda, preskaŭ nigra koloro kun malvarmeta blua nuanco, kiu servas kiel bazo por la tuta tiparsistemo. - Slate
#64748d— Griza teksto elstarigas ligilojn, etikedojn kaj mallongajn frazojn. - Steel
#50617a— Plia teksto kaj subtenaj materialoj estas poziciigitaj inter la ardezaj kaj silentigitaj violaj tonoj uzataj en sublicencoj. - Smoke
#839bc8— Por grandaj ornamaj titoloj kaj akompananta teksto, oni uzas malbrilan purpuran nuancon - neniam en la ĉefalineoj. - Pure White
#ffffff— La paĝkanvaso kaj ŝvelintaj surfacoj de kartoj; la defaŭlta fono kontraŭ kiu ĉio alia estas mezurata. - Mist
#f8fafd— La piedlinia fono kaj sekcia dividilo estas subtila malvarmeta nuanco kiu apartigas areojn sen videbla rando.
Tipografio
de 12 ĝis 56 rastrumeroj · 9 paŝoj
- sohne-var — anstataŭaĵo: Inter Tight (variable · konturoj 300, 400 · La sola tiparo uzata en la tuta interfaco estas por titoloj, teksto, navigado, butonoj kaj etikedoj. La pezo de 300 superregas eĉ ĉe ekrangrandeco de 56 rastrumeroj, kio estas distinga trajto: titoloj flustras anstataŭ krii, establante aŭtoritaton per modereco anstataŭ laŭteco. La pezo de 400 aperas nur ĉe 14–16 rastrumeroj por navigado kaj butonteksto, kie ekstra streko estas necesa por legebleco ĉe pli malgrandaj grandecoj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 8px |
| Butona radiuso | 4px |
| Karto-radiuso | 4px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 96px |
| Paĝlarĝo | 1320px |
AI konstruos vian retejon laŭ la stilo de Stripe kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Ui — klinika plano sur mata papero
- monopo saigon — Likva, iriza brilo malantaŭ la redakcia silento — monokroma redakcia galerio ŝvebanta sur fandita lumo
- Ventriloc — Redakcia observatorio de datumoj sur varma papero - ununura oranĝa ardaĵo elstarigas la monokroma precizeco
- Hyer Aviation — Krepusko en la pilotejo super pergameno. La pala ĉielo de la tagiĝo renkontas la serifan emblemon de la grandeco de la fuzelaĝo, kaj ununura varma argila akcento rompas la monokromajn bridojn.
- Family — Disvastiĝo el fabelo sur kremkolora pergameno
- OFF+BRAND. — Iriza sfero sur varma pergameno
- Geniestudio — Mola tagluma kajero — la tipo kun larĝaj marĝenoj kaj unu dika plumstreko
- xAI — Varma Krema Laboratorio kun Nigra Pilolo
- Seed — vivanta organismo sub laboratoriovitro
- Cosmos — Galerio-muro kovrita per linaĵo kaj ornamita per Polaroidoj
- Cal — Monokroma praktikeco, homa aliro. Sistemo kiu prioritatigas klarecon kaj funkciecon per strikta nigrablanka paletro, sed moligas ĝin per amika tipografio kaj rondetaj formoj.
- T1 Energy — Desegnaĵo de produktejo sur varma pergameno estas trankvila, monokroma sceno, kie industria skalo kaj subtila tipografio enkarnigas la tutan markon.