Stripe
Apskaitos knyga, parašyta indigo rašalu ant matinio stiklo
Stripe finansiniams instrumentams naudoja beveik monochrominę kalbą: švelnią, vėsią baltą drobę su tamsiai mėlynomis antraštėmis, beveik be dekoratyvinių chromo elementų ir vieną ryškią indigo spalvą (#533afd), kurią būtų galima naudoti kaip mygtuką, nuorodą ar piktogramos kontūrą. Tipografija yra išskirtinai plona, 300 taškų storio – net ir esant 56 pikseliams – tai atrodo užtikrintai santūriai, o ne pernelyg korporatyviai; raidžių tarpai smarkiai mažėja didėjant dydžiui. Mygtukai yra maži, kvadratiniai (4 pikseliai) ir naudoja violetinius užpildus arba ploniausius violetinius kontūrus. Sistema visiškai vengia šešėlių; gylis pasiekiamas keičiant fono atspalvius (balta → #f8fafd → #e5edf5 → violetiniai atspalviai), o ne per aukštį. Visa sąsaja elgiasi kaip apskaitos knyga ar terminalas: tanki informacija, aiškios linijos, pakankamai vietos tarp sekcijų, o spalva rodoma tik tada, kai reikia atlikti veiksmą.
Centruoto turinio stulpelio ant baltos drobės maksimalus plotis yra ~1320 pikselių. Pagrindinis elementas yra kairėje lygiuotas viso dydžio (56 pikselių) teksto blokas su dviem raginimais veikti apačioje, be pagrindinio elemento paveikslėlio – tipografija YRA pagrindinis elementas. Skyriai išdėstyti vertikaliai su vienodais 96 pikselių tarpeliais ir 1 pikselio #e5edf5 skirtukais; nėra besikeičiančių tamsių/šviesių juostų. Kiekvienas skyrius laikosi pasikartojančio modelio: mažas skyriaus pavadinimas, parašytas DIDŽIOSIOMIS RAIDĖMIS (dūminė spalva, 12 pikselių), tada 32–48 pikselių antraštė, tada 22 pikselių pastraipa, tada produktų kortelių tinklelis (3 stulpeliai darbalaukio versijoje) arba 2 stulpelių teksto blokas su vaizdiniais elementais. Klientų logotipai rodomi siauroje vertikalioje juostelėje, lygiuotoje kairėje. Poraštė yra viena plati #f8fafd juostelė su kelių stulpelių nuorodų sąrašais. Bendras ritmas lėtas, pamatuotas ir daugiausia tekstinis – informacijos tankis mažas, nepaisant ilgo slinkties ilgio.
Vaizdai santūrūs ir dokumentinio stiliaus. Viso puslapio nuotraukos rodomos tik skyriuose, kuriuose pateikiamos atvejų analizės (pvz., „Hertz“ aerofotografijos), darytos iš viršaus arba dramatiškais kampais, naudojant natūralias spalvas – be dvitonių ar spalvų apdorojimo. Produkto vartotojo sąsajos ekrano kopijos naudojamos funkcinėse kortelėse, atvaizduojamos ryškiais kampais ir aiškiais rėmeliais, be įrenginių rėmelių. Partnerių logotipai rodomi savo spalvomis, be jokių konteinerių. Nėra jokių iliustracijų, 3D vizualizacijų ar dekoratyvinių abstrakčių grafinių elementų. Piktogramos yra vienodos: linijos storis 1, linijos storis 2 baltame fone su geometriniais linijiniais piešiniais (ševronais, rodyklėmis, varnelėmis, dokumentų simboliais). Puslapį daugiausia sudaro tekstas ir balta erdvė; vaizdai užima mažiau nei 3 % viso vizualinio ploto.
Paletė
Prekės ženklas
- Indigo Ink
#533afd— Violetinė spalva naudojama užpildytiems mygtukams, pasirinktoms naršymo būsenoms ir sutelkto dėmesio valdomiems konversijos momentams. - Indigo Hover
#7389ff— Violetinė spalva naudojama nuorodoms, žymoms ir trumpoms frazėms paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti.
Neutralus
- Midnight Ink
#061b31— Pagrindinė antraštė ir tekstas yra sodrios, beveik juodos spalvos su vėsiu mėlynu atspalviu, kuris yra visos šriftų sistemos pagrindas. - Slate
#64748d— Pilkas tekstas paryškina nuorodas, žymas ir trumpas frazes. - Steel
#50617a— Papildomas tekstas ir pagalbinė medžiaga išdėstyta tarp skalūno ir prislopintų violetinių tonų, naudojamų sublicencijose. - Smoke
#839bc8— Didelėms dekoratyvinėms antraštėms ir lydinčiam tekstui naudojamas prislopintas violetinis atspalvis – niekada nespalvotas pagrindinės dalies pastraipose. - Pure White
#ffffff— Puslapio drobė ir iškilūs kortelių paviršiai; numatytasis fonas, pagal kurį matuojama visa kita. - Mist
#f8fafd— Poraštės fonas ir sekcijų skirtukas yra subtilaus šalto atspalvio, kuris skiria sritis be matomos ribos.
Tipografija
nuo 12 iki 56 pikselių · 9 žingsniai
- sohne-var — pakeitimas: Inter Tight (variable · kontūrai 300, 400 · Visoje sąsajoje naudojamas tik antraštėms, pagrindiniam tekstui, naršymui, mygtukams ir etiketėms skirtas šriftas. 300 storio šriftas išlieka net ir esant 56 pikselių ekrano dydžiui, o tai yra išskirtinis bruožas: antraštės šnabžda, o ne šaukia, taip suteikdamos autoritetą santūrumu, o ne garsumu. 400 storio šriftas naršymui ir mygtukų tekstui naudojamas tik esant 14–16 pikselių dydžiui, kur mažesniuose dydžiuose įskaitomumui reikalingas papildomas brūkšnys.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 4px |
| Kortelės spindulys | 4px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 96px |
| Puslapio plotis | 1320px |
Dirbtinis intelektas sukurs jūsų svetainę Stripe stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Ui — klinikinis planas ant matinio popieriaus
- monopo saigon — Skystas, vaivorykštinis švytėjimas už redakcijos tylos – monochrominė redakcijos galerija, plūduriuojanti išsilydžiusioje šviesoje
- Ventriloc — Redakcinė duomenų observatorija ant šilto popieriaus – viena oranžinė žarija, pabrėžianti monochrominį tikslumą
- Hyer Aviation — Prieblanda kabinoje virš pergamento. Blyškus aušros dangus susitinka su fiuzeliažo dydžio serifo logotipu, o vienas šiltas molio akcentas nutraukia monochromatinį santūrumą.
- Family — Pasakos išklotinė ant kreminio pergamento
- OFF+BRAND. — Vaivorykštinė sfera ant šilto pergamento
- Geniestudio — Minkštas, dienos šviesos užrašų sąsiuvinis – toks su plačiomis paraštėmis ir vienu storu rašiklio brūkštelėjimu
- xAI — Šiltas kreminis laboratorijos gėrimas su juodomis piliulėmis
- Seed — gyvas organizmas po laboratoriniu stiklu
- Cosmos — Galerijos siena, išklota linu ir pakabinta Polaroidais
- Cal — Monochrominis praktiškumas, žmogiškas požiūris. Sistema, kuri teikia pirmenybę aiškumui ir funkcionalumui per griežtą juodai baltą paletę, tačiau sušvelnina jį draugiška tipografija ir apvaliomis formomis.
- T1 Energy — Gamyklos piešinys ant šilto pergamento – tai ramus, monochrominis vaizdas, kuriame pramoninis mastelis ir subtili tipografija įkūnija visą prekės ženklą.