Stripe
Bókhaldsbók skrifuð með indigó-bleki á matt gler
Stripe notar næstum einlita tungumál fyrir fjármálagerninga: mjúkt, kalt hvítt striga með dökkbláum fyrirsögnum, næstum engum skrautlegum krómþáttum og einum björtum indigó lit (#533afd) sem gæti réttilega verið notaður sem hnappur, tengill eða táknútlínur. Leturgerðin er einstaklega þunn, með 300 punkta þyngd - jafnvel við 56px - sem finnst afdráttarlaust látlaust frekar en yfirdrifinn fyrirtækjareiknanlegt; bil á milli stafa minnkar skarpt með vaxandi stærð. Hnappar eru litlir, ferkantaðir (4px) og nota fjólubláa fyllingar eða þynnstu fjólubláu útlínurnar. Kerfið forðast skugga alveg; dýpt næst með því að breyta bakgrunnslitum (hvítur → #f8fafd → #e5edf5 → fjólubláir litir), frekar en með upphækkun. Allt viðmótið hegðar sér eins og bókhaldsbók eða skjáborð: þéttar upplýsingar, skýrar línur, nægt bil á milli hluta og litir birtast aðeins þegar aðgerð er krafist.
Hámarksbreidd er ~1320px fyrir miðjuðan efnisdálk á hvítum striga. Aðaltextinn er vinstrijafnaður textablokk í fullri stærð (56px) með tveimur aðgerðahvatningum fyrir neðan, engin aðalmynd — leturgerðin ER aðaltextinn. Kaflar eru raðaðir lóðrétt með jöfnum 96px röndum og 1px #e5edf5 skilrúmum; það eru engar dökkar/ljósar rendur til skiptis. Hver hluti fylgir endurteknu mynstri: lítill kaflatitill með hástöfum (reyklittur, 12px), síðan 32-48px fyrirsögn, síðan 22px málsgrein, síðan rist af vörukortum (3 dálkar á skjáborði) eða 2 dálka textablokk með myndlist. Viðskiptavinalógó birtast í þröngri lóðréttri rönd, vinstrijafnað. Síðufóturinn er ein breið #f8fafd rönd með listum með mörgum dálkum af tenglum. Heildartakturinn er hægur, yfirvegaður og aðallega texti — upplýsingaþéttleiki er lágur, þrátt fyrir langa skrunlengd.
Myndmálið er látlaust og í heimildarmyndastíl. Heilsíðumyndir birtast aðeins í köflum sem sýna dæmisögur (t.d. loftmyndir af umferð fyrir Hertz), teknar að ofan eða úr dramatískum sjónarhornum, með náttúrulegum litum — án tvítóna eða litavinnslu. Skjámyndir af notendaviðmóti vörunnar eru notaðar innan eiginleikakorta, birtar með skörpum sjónarhornum og skýrum ramma, án ramma fyrir tæki. Lógó samstarfsaðila eru birt í eigin litum, án nokkurra íláta. Engar myndskreytingar, þrívíddarmyndir eða skreytingar á abstrakt grafíkþáttum eru til staðar. Táknmyndir eru einsleitar: línuþykkt 1, línuþykkt 2 á hvítum bakgrunni, með rúmfræðilegri línulist (vinklar, örvar, gátmerki, skjalatákn). Síðan samanstendur aðallega af texta og hvítu rými; myndir taka minna en 3% af heildar sjónrænu svæði.
Litatöflu
Vörumerki
- Indigo Ink
#533afd— Fjólublátt er notað fyrir fyllta hnappa, valdar flakkstöður og áhersludrifin umbreytingartímabil. - Indigo Hover
#7389ff— Fjólublár er notaður til að auðkenna tengla, merki og stuttar setningar. Hann ætti ekki að vera aðalliturinn fyrir hvatningar til aðgerða.
Hlutlaus
- Midnight Ink
#061b31— Aðalfyrirsögn og megintexti eru djúpur, næstum svartur litur með köldum bláum blæ, sem er grunnurinn að öllu leturkerfinu. - Slate
#64748d— Grár texti auðkennir tengla, merki og stuttar setningar. - Steel
#50617a— Viðbótartexti og fylgiefni er staðsett á milli litbrigða og daufra fjólubláa tóna sem notaðir eru á undirleyfum. - Smoke
#839bc8— Fyrir stórar skreytingarfyrirsagnir og meðfylgjandi texta er notaður daufur fjólublár litur - aldrei í meginmálsgreinum. - Pure White
#ffffff— Síðustrigi og upphleypt yfirborð korta; sjálfgefinn bakgrunnur sem allt annað er mælt út frá. - Mist
#f8fafd— Bakgrunnur síðufótarins og kaflaskiljarinn eru með lúmskum, köldum lit sem aðskilur svæði án sýnilegra ramma.
Leturfræði
frá 12 til 56px · 9 skref
- sohne-var — skipti: Inter Tight (variable · útlínur 300, 400 · Eina letrið sem notað er í öllu viðmótinu er fyrir fyrirsagnir, megintexta, leiðsögn, hnappa og merkimiða. Þyngdin 300 gildir jafnvel við skjástærð 56px, sem er sérkenni: fyrirsagnir hvísla frekar en að hrópa, sem staðfestir vald með aðhaldi frekar en hljóðstyrk. Þyngdin 400 birtist aðeins við 14–16px fyrir leiðsögn og hnappatexta, þar sem auka strok er nauðsynleg til að auðvelda læsileika í minni stærðum.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 8px |
| Hnapparadíus | 4px |
| Radíus korts | 4px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 96px |
| Síðubreidd | 1320px |
Gervigreind mun smíða vefsíðuna þína í stíl við Stripe og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Ui — klínísk áætlun á mattpappír
- monopo saigon — Fljótandi, gljáandi ljómi á bak við þögn ritstjórnarinnar — einlita ritstjórnargallerí sem flýtur á bráðnu ljósi
- Ventriloc — Ritstjórnarathugunarstöð gagna á hlýjum pappír - ein appelsínugult glóð sem undirstrikar einlita nákvæmni
- Hyer Aviation — Rökkur í stjórnklefanum yfir pergamenti. Fölur dögunarhiminn mætir merkinu á stærð við skrokkinn með serif-merki og hlýr leiráhersla brýtur einlita takmörkunina.
- Family — Útdráttur úr ævintýri á rjómalöguðu pergamenti
- OFF+BRAND. — Glitrandi kúla á heitu pergamenti
- Geniestudio — Mjúk dagsljósabók - sú sem er með breiðum spássum og einni þykkri pennastriki
- xAI — Hlýr rjóma rannsóknarstofa með svörtum pillum
- Seed — lifandi lífvera undir rannsóknarstofugleri
- Cosmos — Galleríveggur klæddur líni og hengdur upp Polaroid-myndir
- Cal — Einlita, hagnýt nálgun, mannleg. Kerfi sem forgangsraðar skýrleika og virkni með ströngum svart-hvítum litapallettu, en mýkir hana með vinalegri leturgerð og ávölum formum.
- T1 Energy — Teikning af framleiðsluaðstöðu á hlýju pergamenti er kyrrlát, einlita vettvangur þar sem iðnaðarstærð og fínleg leturfræði fela í sér allt vörumerkið.