
Stripe
Llyfr cyfrifon wedi'i ysgrifennu mewn inc indigo ar wydr barugog
Mae Stripe yn defnyddio iaith bron yn unlliw ar gyfer offerynnau ariannol: cynfas gwyn meddal, oer gyda phenawdau glas tywyll, bron dim elfennau crôm addurniadol, ac un indigo llachar (#533afd) y gellid ei ddefnyddio'n gyfreithlon fel amlinell botwm, dolen, neu eicon. Mae'r teipograffeg yn eithriadol o denau, gyda phwysau o 300 pwynt—hyd yn oed ar 56px—sy'n teimlo'n hyderus danddatganedig yn hytrach nag yn rhy gorfforaethol; mae'r bylchau rhwng llythrennau yn lleihau'n sydyn wrth i'r maint gynyddu. Mae botymau'n fach, yn sgwâr (4px), ac yn defnyddio llenwadau porffor neu'r amlinelliadau porffor teneuaf. Mae'r system yn osgoi cysgodion yn llwyr; cyflawnir dyfnder trwy newid lliwiau cefndir (gwyn → #f8fafd → #e5edf5 → lliwiau porffor), yn hytrach na thrwy ddrychiad. Mae'r rhyngwyneb cyfan yn ymddwyn fel llyfr cyfrifon neu derfynell: dim ond pan fo angen gweithred y mae gwybodaeth ddwys, llinellau clir, digon o le rhwng adrannau, a lliw yn ymddangos.
Y lled mwyaf yw ~1320px ar gyfer colofn cynnwys wedi'i chanoli ar gynfas gwyn. Mae'r arwr yn floc testun wedi'i alinio i'r chwith ar ei faint llawn (56px) gyda dau alwad i weithredu oddi tano, dim delwedd arwr—y teipograffeg YW'R arwr. Mae adrannau wedi'u trefnu'n fertigol gyda gwteri 96px cyfartal a rhannwyr #e5edf5 1px; nid oes unrhyw streipiau tywyll/golau bob yn ail. Mae pob adran yn dilyn patrwm ailadroddus: teitl adran fach mewn priflythrennau i gyd (lliw myglyd, 12px), yna pennawd 32-48px, yna paragraff 22px, yna grid o gardiau cynnyrch (3 cholofn ar y bwrdd gwaith) neu floc testun 2 golofn gyda chelf weledol. Mae logos cleientiaid yn ymddangos mewn stribed fertigol cul, wedi'i alinio i'r chwith. Mae'r droedyn yn un stribed #f8fafd llydan gyda rhestrau aml-golofn o ddolenni. Mae'r rhythm cyffredinol yn araf, yn fesuredig, ac yn bennaf yn destunol—mae dwysedd gwybodaeth yn isel, er gwaethaf yr hyd sgrolio hir.
Mae'r delweddaeth yn gynnil ac yn arddull dogfennol. Dim ond mewn adrannau sy'n cynnwys astudiaethau achos (e.e., ffotograffiaeth traffig o'r awyr ar gyfer Hertz), wedi'u tynnu o'r uchod neu ar onglau dramatig, gan ddefnyddio lliwiau naturiol—dim prosesu deuotôn na lliw, y mae lluniau tudalen lawn yn ymddangos. Defnyddir sgrinluniau o ryngwyneb defnyddiwr y cynnyrch o fewn cardiau nodwedd, wedi'u rendro ag onglau miniog a ffiniau clir, heb fframiau dyfeisiau. Arddangosir logos partneriaid yn eu lliwiau eu hunain, heb unrhyw gynwysyddion. Nid oes unrhyw ddarluniau, rendradau 3D, nac elfennau graffig haniaethol addurniadol. Mae eiconau'n unffurf: pwysau llinell 1, pwysau llinell 2 ar gefndir gwyn, gyda chelf llinell geometrig (chevrons, saethau, marciau siec, symbolau dogfennau). Mae'r dudalen yn cynnwys testun a gofod gwyn yn bennaf; mae delweddau'n meddiannu llai na 3% o gyfanswm yr arwynebedd gweledol.
Palet
Brand
- Indigo Ink
#533afd— Defnyddir porffor ar gyfer botymau wedi'u llenwi, cyflyrau llywio dethol, ac eiliadau trosi sy'n cael eu gyrru gan ffocws. - Indigo Hover
#7389ff— Defnyddir porffor i amlygu dolenni, tagiau ac ymadroddion byr. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Midnight Ink
#061b31— Mae'r prif bennawd a'r testun corff yn lliw dwfn, bron yn ddu gyda lliw glas oer, sy'n gwasanaethu fel sail i'r system ffont gyfan. - Slate
#64748d— Mae testun llwyd yn amlygu dolenni, tagiau ac ymadroddion byr. - Steel
#50617a— Mae testun ychwanegol a deunyddiau ategol wedi'u lleoli rhwng y tonau llechen a'r tonau porffor tawel a ddefnyddir ar is-drwyddedau. - Smoke
#839bc8— Ar gyfer penawdau addurniadol mawr a thestun cysylltiedig, defnyddir cysgod porffor tawel - byth ym mharagraffau'r corff. - Pure White
#ffffff— Cynfas y dudalen ac arwynebau uchel cardiau; y cefndir diofyn y mae popeth arall yn cael ei fesur yn ei erbyn. - Mist
#f8fafd— Mae cefndir y troedyn a'r rhannwr adran yn arlliw cynnil oer sy'n gwahanu ardaloedd heb ffin weladwy.
Teipograffeg
o 12 i 56px · 9 cam
- sohne-var — amnewid: Inter Tight (variable · amlinelliadau 300, 400 · Yr unig ffont a ddefnyddir yn y rhyngwyneb cyfan yw ar gyfer penawdau, testun corff, llywio, botymau a labeli. Mae'r pwysau o 300 yn drech hyd yn oed ar faint sgrin o 56px, sy'n nodwedd nodedig: mae penawdau'n sibrwd yn hytrach na gweiddi, gan sefydlu awdurdod trwy gyfyngiad yn hytrach na chyfaint. Dim ond ar 14–16px y mae'r pwysau o 400 yn ymddangos ar gyfer testun llywio a botymau, lle mae angen strôc ychwanegol ar gyfer darllenadwyedd mewn meintiau llai.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | eang |
| Cam sylfaenol | 8px |
| Radiws botwm | 4px |
| Radiws y cerdyn | 4px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96px |
| Lled y dudalen | 1320px |
Bydd AI yn adeiladu eich gwefan yn null Stripe ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Ui — cynllun clinigol ar bapur matte
- monopo saigon — Llewyrch hylifol, iridescent y tu ôl i'r distawrwydd golygyddol—oriel olygyddol monocrom yn arnofio ar olau tawdd
- Ventriloc — Arsyllfa olygyddol o ddata ar bapur cynnes - un marwor oren yn tynnu sylw at y cywirdeb monocrom
- Hyer Aviation — Cyfnos yn y talwrn dros femrwn. Mae awyr welw'r wawr yn cwrdd â logo serif maint ffiwslawdd, ac mae un acen glai gynnes yn torri'r cyfyngiad monocrom.
- Family — Lledaeniad o stori dylwyth teg ar femrwn hufen
- OFF+BRAND. — Sffêr iridescent ar femrwn cynnes
- Geniestudio — Llyfr nodiadau golau dydd meddal—y math gydag ymylon llydan ac un strôc pen drwchus
- xAI — Hufen Cynnes Lab gyda Philsen Ddu
- Seed — organeb fyw o dan wydr labordy
- Cosmos — Wal oriel wedi'i leinio â lliain ac wedi'i hongian â Polaroidau
- Cal — Ymarferoldeb monocrom, dull dynol. System sy'n blaenoriaethu eglurder a swyddogaeth trwy balet du-a-gwyn llym, ond yn ei feddalu gyda theipograffeg gyfeillgar a siapiau crwn.
- T1 Energy — Mae llun o gyfleuster cynhyrchu ar femrwn cynnes yn olygfa dawel, monocrom lle mae graddfa ddiwydiannol a theipograffeg gynnil yn ymgorffori'r brand cyfan.