Stripe
Un llibre de comptes escrit amb tinta indi sobre vidre glaçat
Stripe utilitza un llenguatge gairebé monocrom per als instruments financers: un llenç blanc suau i fresc amb encapçalaments blau fosc, gairebé sense elements cromats decoratius i un únic indi brillant (#533afd) que es podria utilitzar legítimament com a botó, enllaç o contorn d'icona. La tipografia és excepcionalment fina, amb un pes de 300 punts, fins i tot a 56 px, que sembla discret en lloc d'obertament corporatiu; l'espaiat entre lletres disminueix dràsticament a mesura que augmenta la mida. Els botons són petits, quadrats (4 px) i utilitzen farciments morats o els contorns morats més prims. El sistema evita completament les ombres; la profunditat s'aconsegueix canviant els tons de fons (blanc → #f8fafd → #e5edf5 → tons morats), en lloc de mitjançant l'elevació. Tota la interfície es comporta com un llibre de comptabilitat o un terminal: informació densa, línies clares, ampli espai entre seccions i el color només apareix quan es requereix una acció.
L'amplada màxima és d'uns 1320 px per a una columna de contingut centrada en un llenç blanc. L'heroi és un bloc de text alineat a l'esquerra a mida completa (56 px) amb dues crides a l'acció a sota, sense imatge heroica: la tipografia ÉS l'heroi. Les seccions estan disposades verticalment amb marges iguals de 96 px i divisors d'1 px #e5edf5; no hi ha franges fosques/clares alternes. Cada secció segueix un patró repetitiu: un petit títol de secció en majúscules (color fumat, 12 px), després un encapçalament de 32-48 px, després un paràgraf de 22 px i, finalment, una quadrícula de targetes de producte (3 columnes a l'escriptori) o un bloc de text de 2 columnes amb arts visuals. Els logotips dels clients apareixen en una franja vertical estreta, alineada a l'esquerra. El peu de pàgina és una franja ampla #f8fafd amb llistes d'enllaços de diverses columnes. El ritme general és lent, mesurat i predominantment textual: la densitat d'informació és baixa, malgrat la llarga longitud de desplaçament.
Les imatges són sobries i d'estil documental. Les fotos a pàgina completa només apareixen a les seccions que presenten estudis de casos (per exemple, fotografia de trànsit aeri per a Hertz), fetes des de dalt o en angles dramàtics, utilitzant colors naturals, sense duotons ni processament del color. Les captures de pantalla de la interfície d'usuari del producte s'utilitzen dins de les targetes de funcions, renderitzades amb angles nítids i vores clares, sense marcs de dispositius. Els logotips dels socis es mostren amb els seus propis colors, sense contenidors. No hi ha il·lustracions, renderitzacions en 3D ni elements gràfics abstractes decoratius. Les icones són uniformes: gruix de línia 1, gruix de línia 2 sobre fons blanc, amb art de línia geomètrica (xebrons, fletxes, marques de verificació, símbols de documents). La pàgina consisteix principalment en text i espai en blanc; les imatges ocupen menys del 3% de l'àrea visual total.
Paleta
Marca
- Indigo Ink
#533afd— El color porpra s'utilitza per als botons plens, els estats de navegació seleccionats i els moments de conversió basats en el focus. - Indigo Hover
#7389ff— El color porpra s'utilitza per ressaltar enllaços, etiquetes i frases curtes. No s'hauria d'utilitzar com a color principal per a les crides a l'acció.
Neutral
- Midnight Ink
#061b31— L'encapçalament principal i el text del cos són d'un color fosc, gairebé negre, amb un to blau fred, que serveix de base per a tot el sistema tipogràfic. - Slate
#64748d— El text gris ressalta enllaços, etiquetes i frases curtes. - Steel
#50617a— El text addicional i els materials de suport es col·loquen entre els tons pissarra i porpra apagat que s'utilitzen a les subllicències. - Smoke
#839bc8— Per a encapçalaments decoratius grans i text que els acompanya, s'utilitza un to porpra apagat, mai en paràgrafs del cos. - Pure White
#ffffff— El llenç de la pàgina i les superfícies en relleu de les cartes; el fons per defecte contra el qual es mesura tota la resta. - Mist
#f8fafd— El fons del peu de pàgina i el divisor de secció són d'un to subtil i fred que separa les zones sense una vora visible.
Tipografia
de 12 a 56 px · 9 passos
- sohne-var — reemplaçament: Inter Tight (variable · esquemes 300, 400 · L'única font que s'utilitza a tota la interfície és per als encapçalaments, el text del cos, la navegació, els botons i les etiquetes. El pes de 300 preval fins i tot amb una mida de pantalla de 56 px, cosa que és una característica distintiva: els encapçalaments xiuxiuegen en lloc de cridar, establint autoritat a través de la contenció en lloc del volum. El pes de 400 només apareix a 14–16 px per a la navegació i el text dels botons, on es requereix un traç addicional per a la llegibilitat a mides més petites.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 8px |
| Radi del botó | 4px |
| Radi de la targeta | 4px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 96px |
| Amplada de la pàgina | 1320px |
La IA crearà el vostre lloc web a l'estil Stripe i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Ui — pla clínic en paper mat
- monopo saigon — Una resplendor líquida i iridescent darrere del silenci editorial: una galeria editorial monocroma flotant sobre llum fosa
- Ventriloc — Un observatori editorial de dades sobre paper calent: una única brasa taronja que destaca la precisió monocromàtica
- Hyer Aviation — Crepuscle a la cabina sobre pergamí. El cel pàl·lid de l'alba es troba amb el logotip serif de la mida del fuselatge, i un únic detall d'argila càlida trenca la contenció monocromàtica.
- Family — Una extensió d'un conte de fades sobre pergamí crema
- OFF+BRAND. — Esfera iridescent sobre pergamí càlid
- Geniestudio — Un quadern suau per a la llum del dia, del tipus amb marges amples i un sol traç gruixut de ploma
- xAI — Crema calenta de laboratori amb píndola negra
- Seed — un organisme viu sota vidre de laboratori
- Cosmos — Una paret de galeria folrada amb lli i penjada amb Polaroids
- Cal — Practicitat monocroma, un enfocament humà. Un sistema que prioritza la claredat i la funcionalitat a través d'una paleta estricta en blanc i negre, però que la suavitza amb una tipografia amable i formes arrodonides.
- T1 Energy — Un dibuix d'una planta de producció sobre pergamí càlid és una escena tranquil·la i monocroma on l'escala industrial i la tipografia subtil encarnen tota la marca.