Stripe
Indigó tintával, matt üvegre írt számlakönyv
Stripe szinte monokróm nyelvet használ a pénzügyi eszközökhöz: lágy, hűvös fehér vászon sötétkék címsorokkal, szinte semmilyen díszítő króm elemmel, és egyetlen élénk indigó színnel (#533afd), amely jogosan használható gombként, linkként vagy ikon körvonalaként. A tipográfia kivételesen vékony, 300 pontos vastagságú – még 56 képpontos méretben is –, ami inkább visszafogottnak, mint túlzottan vállalatiasnak hat; a betűköz a méret növekedésével meredeken csökken. A gombok kicsik, négyzet alakúak (4 képpont), és lila kitöltéseket vagy a legvékonyabb lila körvonalakat használják. A rendszer teljesen elkerüli az árnyékokat; a mélységet a háttérszínek változtatásával (fehér → #f8fafd → #e5edf5 → lila árnyalatok) érik el, nem pedig a kiemeléssel. A teljes felület egy könyvelési főkönyvhöz vagy egy terminálhoz hasonlóan viselkedik: sűrű információ, tiszta vonalak, bőséges hely a szakaszok között, és a szín csak akkor jelenik meg, ha műveletre van szükség.
A maximális szélesség ~1320 képpont egy középre igazított tartalomoszlop esetén fehér vásznon. A fő szöveg egy balra igazított, teljes méretű (56 képpontos) szövegblokk, alatta két cselekvésre ösztönzéssel, fő kép nélkül – a tipográfia maga a fő szöveg. A szakaszok függőlegesen vannak elrendezve, egyenlő 96 képpontos ereszsávokkal és 1 képpontos #e5edf5 elválasztókkal; nincsenek váltakozó sötét/világos csíkok. Minden szakasz egy ismétlődő mintát követ: egy kis szakaszcím csupa nagybetűvel (füstös színű, 12 képpont), majd egy 32-48 képpontos címsor, majd egy 22 képpontos bekezdés, majd egy termékkártyák rácsa (asztali gépen 3 oszlop) vagy egy 2 oszlopos szövegblokk vizuális grafikával. Az ügyféllogók egy keskeny függőleges csíkban jelennek meg, balra igazítva. A lábléc egyetlen széles #f8fafd csík többoszlopos linklistákkal. Az általános ritmus lassú, kimért és túlnyomórészt szöveges – az információsűrűség alacsony, a hosszú görgetési hossz ellenére.
A képi világ visszafogott és dokumentarista stílusú. Teljes oldalas fotók csak az esettanulmányokat tartalmazó részekben jelennek meg (pl. a Hertz légiforgalmi fotói), felülről vagy drámai szögekből, természetes színekkel készítve – kéttónusú vagy színfeldolgozás nélkül. A termék felhasználói felületének képernyőképei a kiemelt kártyákon belül jelennek meg, éles szögekkel és tiszta szegélyekkel renderelve, eszközkeretek nélkül. A partnerlogók saját színeikben, konténer nélkül jelennek meg. Nincsenek illusztrációk, 3D-s renderelések vagy dekoratív absztrakt grafikai elemek. Az ikonok egységesek: 1-es vonalvastagság, 2-es vonalvastagság fehér háttéren, geometrikus vonalrajzokkal (nyílvesszők, nyilak, pipák, dokumentumszimbólumok). Az oldal elsősorban szövegből és üres helyből áll; a képek a teljes vizuális terület kevesebb mint 3%-át foglalják el.
Paletta
Márka
- Indigo Ink
#533afd— A lilát kitöltött gombokhoz, kiválasztott navigációs állapotokhoz és fókuszvezérelt konverziós pillanatokhoz használják. - Indigo Hover
#7389ff— A lilát linkek, címkék és rövid kifejezések kiemelésére használjuk. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez.
Semleges
- Midnight Ink
#061b31— A fő címsor és a szövegtörzs mély, szinte fekete színű, hűvös kék árnyalattal, amely a teljes betűtípus-rendszer alapjául szolgál. - Slate
#64748d— A szürke szöveg kiemeli a linkeket, címkéket és rövid kifejezéseket. - Steel
#50617a— A további szövegek és kiegészítő anyagok a licencszerződéseken használt palaszürke és tompa lila tónusok között helyezkednek el. - Smoke
#839bc8— Nagyméretű, díszes címsorokhoz és a kísérő szöveghez tompa lila árnyalatot használunk – soha nem a törzsbekezdésekben. - Pure White
#ffffff— Az oldalvászon és a kártyák kiemelt felületei; az alapértelmezett háttér, amelyhez képest minden mást mérünk. - Mist
#f8fafd— A lábléc háttere és a szakaszelválasztó egy finom, hűvös árnyalat, amely látható szegély nélkül választja el a területeket.
Tipográfia
12-től 56 képpontig · 9 lépésben
- sohne-var — csere: Inter Tight (variable · körvonalak 300, 400 · A teljes felületen csak a címsorokhoz, a szövegtörzshöz, a navigációhoz, a gombokhoz és a feliratokhoz használt betűtípust használják. A 300-as súly még 56 képpontos képernyőméretnél is érvényesül, ami egy megkülönböztető jellemző: a címsorok inkább suttognak, mint kiabálnak, inkább a visszafogottsággal, mint a hangerővel erősítve a tekintélyt. A 400-as súly csak 14–16 képpontnál jelenik meg a navigációnál és a gombok szövegénél, ahol kisebb méreteknél az olvashatóság érdekében egy plusz vonalhossz szükséges.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 8px |
| Gomb sugara | 4px |
| Kártya sugara | 4px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 96px |
| Oldal szélessége | 1320px |
A mesterséges intelligencia Stripe stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Ui — klinikai terv matt papíron
- monopo saigon — Folyékony, irizáló fény a szerkesztői csend mögött – egy monokróm szerkesztői galéria olvadt fényben lebeg
- Ventriloc — Meleg papíron szerkesztett adatmegfigyelő állomás - egyetlen narancssárga parázs kiemeli a monokróm pontosságot
- Hyer Aviation — Alkonyat a pilótafülkében pergamen felett. A sápadt hajnali ég találkozik a törzs méretű, talpas logóval, és egyetlen meleg agyagdísz töri meg a monokróm visszafogottságot.
- Family — Egy meséből származó kép krémszínű pergamenre nyomtatva
- OFF+BRAND. — Irizáló gömb meleg pergamenen
- Geniestudio — Egy puha, nappali fényre optimalizált jegyzetfüzet – az a fajta, széles margókkal és egyetlen vastag tollvonással
- xAI — Meleg krémlabor fekete pirulával
- Seed — élőlény laboratóriumi üveg alatt
- Cosmos — Vászonnal bélelt és Polaroidokkal díszített galériafal
- Cal — Monokróm praktikum, emberi megközelítés. Egy rendszer, amely a szigorú fekete-fehér palettán keresztül a letisztultságot és a funkcionalitást helyezi előtérbe, de barátságos tipográfiával és lekerekített formákkal lágyítja azt.
- T1 Energy — Egy gyártóüzem meleg pergamenre festett rajza egy csendes, monokróm jelenet, ahol az ipari lépték és a finom tipográfia testesíti meg az egész márkát.