
Stripe
Účtovná kniha napísaná indigovým atramentom na matnom skle
Stripe používa pre finančné nástroje takmer monochromatický jazyk: mäkké, chladné biele plátno s tmavomodrými nadpismi, takmer žiadne dekoratívne chrómové prvky a jediné jasné indigo (#533afd), ktoré by sa dalo legitímne použiť ako obrys tlačidla, odkazu alebo ikony. Typografia je mimoriadne tenká, s hrúbkou 300 bodov – dokonca aj pri 56px – čo pôsobí skôr sebavedomo decentne než okato korporátne; rozstupy písmen sa s rastúcou veľkosťou prudko zmenšujú. Tlačidlá sú malé, štvorcové (4px) a používajú fialové výplne alebo najtenšie fialové obrysy. Systém sa úplne vyhýba tieňom; hĺbka sa dosahuje zmenou odtieňov pozadia (biela → #f8fafd → #e5edf5 → fialové odtiene), a nie výškou. Celé rozhranie sa správa ako účtovná kniha alebo terminál: husté informácie, jasné čiary, dostatok priestoru medzi sekciami a farba sa objavuje iba vtedy, keď je potrebná akcia.
Maximálna šírka pre stĺpec s obsahom umiestnený na stred na bielom plátne je ~1320px. Hlavný blok je zarovnaný doľava v plnej veľkosti (56px) s dvoma výzvami na akciu pod ním, bez hlavného obrázka – typografia JE hlavným blokom. Sekcie sú usporiadané vertikálne s rovnakými 96px medzerami a 1px #e5edf5 oddeľovačmi; nie sú tam žiadne striedajúce sa tmavé/svetlé pruhy. Každá sekcia sa riadi opakujúcim sa vzorom: malý názov sekcie napísaný veľkými písmenami (dymová farba, 12px), potom 32-48px nadpis, potom 22px odsek, potom mriežka kariet produktov (3 stĺpce na počítači) alebo 2-stĺpcový textový blok s vizuálnym umením. Logá klientov sa zobrazujú v úzkom zvislom páse, zarovnanom doľava. Päta je jeden široký #f8fafd pás s viacerými stĺpcovými zoznamami odkazov. Celkový rytmus je pomalý, odmeraný a prevažne textový – hustota informácií je nízka, napriek dlhej dĺžke rolovania.
Snímky sú zdržanlivé a v dokumentárnom štýle. Fotografie na celú stranu sa zobrazujú iba v sekciách s prípadovými štúdiami (napr. letecká dopravná fotografia pre Hertz), nasnímané zhora alebo z dramatických uhlov, s použitím prirodzených farieb – bez duotónového spracovania alebo farebného spracovania. Snímky obrazovky používateľského rozhrania produktu sa používajú v rámci kariet funkcií, vykreslené s ostrými uhlami a jasnými okrajmi, bez rámčekov zariadení. Logá partnerov sa zobrazujú vo vlastných farbách, bez akýchkoľvek kontajnerov. Nie sú k dispozícii žiadne ilustrácie, 3D rendery ani dekoratívne abstraktné grafické prvky. Ikony sú jednotné: hrúbka čiary 1, hrúbka čiary 2 na bielom pozadí s geometrickou linkovou grafikou (šípky, šípky, značky začiarknutia, symboly dokumentov). Stránka pozostáva prevažne z textu a bieleho priestoru; obrázky zaberajú menej ako 3 % celkovej vizuálnej plochy.
Paleta
Značka
- Indigo Ink
#533afd— Fialová farba sa používa pre vyplnené tlačidlá, vybrané stavy navigácie a momenty konverzie riadené zameraním. - Indigo Hover
#7389ff— Fialová sa používa na zvýraznenie odkazov, značiek a krátkych fráz. Nemala by sa používať ako primárna farba pre výzvy na akciu.
Neutrálny
- Midnight Ink
#061b31— Hlavný nadpis a text tela sú v sýtej, takmer čiernej farbe so studeným modrým odtieňom, ktorá slúži ako základ pre celý systém písma. - Slate
#64748d— Sivý text zvýrazňuje odkazy, značky a krátke frázy. - Steel
#50617a— Doplnkový text a podporné materiály sú umiestnené medzi bridlicovou a tlmenou fialovou farbou použitou na sublicenciách. - Smoke
#839bc8— Pre veľké ozdobné nadpisy a sprievodný text sa používa tlmený fialový odtieň – nikdy nie v odsekoch tela. - Pure White
#ffffff— Plátno stránky a vyvýšené povrchy kariet; predvolené pozadie, voči ktorému sa všetko ostatné porovnáva. - Mist
#f8fafd— Pozadie päty a deliaca lišta sekcií sú v jemnom studenom odtieni, ktorý oddeľuje oblasti bez viditeľného okraja.
Typografia
od 12 do 56px · 9 krokov
- sohne-var — náhrada: Inter Tight (variable · obrysy 300, 400 · Jediné písmo použité v celom rozhraní je pre nadpisy, text tela, navigáciu, tlačidlá a popisky. Hmotnosť 300 prevláda aj pri veľkosti obrazovky 56px, čo je charakteristický znak: nadpisy skôr šepkajú ako kričia, čím vytvárajú autoritu skôr zdržanlivosťou ako hlasitosťou. Hmotnosť 400 sa zobrazuje iba pri veľkostiach 14–16px pre navigáciu a text tlačidiel, kde je pri menších veľkostiach potrebný ďalší ťah pre čitateľnosť.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 8px |
| Polomer tlačidla | 4px |
| Polomer karty | 4px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 96px |
| Šírka stránky | 1320px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Stripe a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Ui — klinický plán na matnom papieri
- monopo saigon — Tekutá, dúhová žiara za redakčným tichom – monochromatická redakčná galéria vznášajúca sa na roztavenom svetle
- Ventriloc — Redakčné observatórium údajov na teplom papieri – jediný oranžový uhlík zvýrazňujúci monochromatickú presnosť
- Hyer Aviation — Súmrak v kokpite nad pergamenom. Bledá úsvitná obloha sa stretáva s patkovým logom veľkosti trupu a jediný teplý hlinený akcent prelamuje monochromatickú zdržanlivosť.
- Family — Rozprávkový nátierka na krémovom pergamene
- OFF+BRAND. — Dúhová guľa na teplom pergamene
- Geniestudio — Mäkký zápisník s denným svetlom – taký so širokými okrajmi a jedným hrubým ťahom pera
- xAI — Teplý krémový laboratórium s čiernou tabletkou
- Seed — živý organizmus pod laboratórnym sklom
- Cosmos — Stena galérie vystlaná ľanom a ovešaná polaroidmi
- Cal — Monochromatická praktickosť, ľudský prístup. Systém, ktorý uprednostňuje jasnosť a funkčnosť prostredníctvom prísnej čiernobielej palety, ale zjemňuje ju priateľskou typografiou a zaoblenými tvarmi.
- T1 Energy — Kresba výrobného zariadenia na teplom pergamene je tichá, monochromatická scéna, kde priemyselný rozsah a jemná typografia stelesňujú celú značku.