Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvemento de ferramentas de IA para empresas. Alta calidade. Asequible.Escribir en Telegram
Stripe — unha vista previa dun sitio con este estilo

Stripe

Un libro de contas escrito con tinta índigo sobre vidro esmerilado

Stripe emprega unha linguaxe case monocromática para os instrumentos financeiros: unha pantalla branca suave e fría con cabeceiras azuis escuras, case sen elementos cromados decorativos e un único índigo brillante (#533afd) que podería usarse lexitimamente como botón, ligazón ou contorno de icona. A tipografía é excepcionalmente fina, cun peso de 300 puntos (mesmo con 56 px), o que resulta discreto en lugar de abertamente corporativo; o espazado entre letras diminúe drasticamente ao aumentar o tamaño. Os botóns son pequenos, cadrados (4 px) e usan recheos morados ou os contornos morados máis finos. O sistema evita completamente as sombras; a profundidade conséguese cambiando os tons de fondo (branco → #f8fafd → #e5edf5 → tons morados), en lugar de mediante a elevación. Toda a interface compórtase como un libro maior de contabilidade ou un terminal: información densa, liñas claras, amplo espazo entre seccións e a cor aparece só cando se require unha acción.

A anchura máxima é de ~1320 px para unha columna de contido centrada nun lenzo branco. A imaxe principal é un bloque de texto aliñado á esquerda a tamaño completo (56 px) con dúas chamadas á acción debaixo, sen imaxe principal: a tipografía É a imaxe principal. As seccións están dispostas verticalmente con liñas iguais de 96 px e divisores de 1 px #e5edf5; non hai raias alternas escuras/claras. Cada sección segue un patrón repetitivo: un pequeno título de sección en maiúsculas (cor afumada, 12 px), despois un título de 32-48 px, despois un parágrafo de 22 px e, finalmente, unha grella de tarxetas de produtos (3 columnas no escritorio) ou un bloque de texto de 2 columnas con arte visual. Os logotipos dos clientes aparecen nunha franxa vertical estreita, aliñados á esquerda. O pé de páxina é unha franxa ancha #f8fafd con listas de ligazóns de varias columnas. O ritmo xeral é lento, mesurado e predominantemente textual: a densidade da información é baixa, a pesar da longa lonxitude de desprazamento.

A imaxe é contida e de estilo documental. As fotos a páxina completa só aparecen nas seccións que presentan estudos de casos (por exemplo, fotografía de tráfico aéreo para Hertz), tomadas desde arriba ou en ángulos drásticos, con cores naturais, sen duotono nin procesamento de cor. As capturas de pantalla da interface de usuario do produto utilízanse dentro das tarxetas de funcións, renderizadas con ángulos nítidos e bordos claros, sen marcos de dispositivos. Os logotipos dos socios móstranse nas súas propias cores, sen contedores. Non hai ilustracións, renderizacións en 3D nin elementos gráficos abstractos decorativos. As iconas son uniformes: grosor de liña 1, grosor de liña 2 sobre un fondo branco, con arte de liña xeométrica (chevróns, frechas, marcas de verificación, símbolos de documentos). A páxina consta principalmente de texto e espazo en branco; as imaxes ocupan menos do 3 % da área visual total.

Paleta

Marca

  • Indigo Ink #533afd — O morado úsase para botóns cheos, estados de navegación seleccionados e momentos de conversión baseados no foco.
  • Indigo Hover #7389ff — O morado úsase para destacar ligazóns, etiquetas e frases curtas. Non se debe usar como cor principal para as chamadas á acción.

Neutro

  • Midnight Ink #061b31 — O título principal e o corpo do texto son dunha cor intensa, case negra, cun ton azul frío, que serve de base para todo o sistema tipográfico.
  • Slate #64748d — O texto gris destaca ligazóns, etiquetas e frases curtas.
  • Steel #50617a — O texto adicional e os materiais de apoio colócanse entre os tons lousa e púrpura apagado que se usan nas sublicenzas.
  • Smoke #839bc8 — Para títulos decorativos grandes e texto que os acompaña, úsase un ton púrpura apagado, nunca nos parágrafos do corpo.
  • Pure White #ffffff — O lenzo da páxina e as superficies elevadas das tarxetas; o fondo predeterminado contra o que se mide todo o demais.
  • Mist #f8fafd — O fondo do pé de páxina e o divisor de sección teñen unha cor sutil e fría que separa as áreas sen bordo visible.

Tipografía

de 12 a 56 px · 9 pasos

  • sohne-var — substitución: Inter Tight (variable · contornos 300, 400 · A única fonte empregada en toda a interface é para os títulos, o corpo do texto, a navegación, os botóns e as etiquetas. O grosor de 300 prevalece mesmo cun tamaño de pantalla de 56 px, o que é unha característica distintiva: os títulos susurran en lugar de gritar, establecendo autoridade a través da moderación en lugar do volume. O grosor de 400 aparece só a 14–16 px para a navegación e o texto dos botóns, onde se require un trazo adicional para a lexibilidade en tamaños máis pequenos.

Intervalos e forma

PropósitoSignificado
Densidadeespazoso
Paso básico8px
Radio do botón4px
Radio da tarxeta4px
Sombrassen bordos en vez de sombras
Entre seccións96px
Largura da páxina1320px

A IA creará o teu sitio web ao estilo de Stripe e o encherá

  • Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
  • Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
  • Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
  • Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.

Estilos semellantes

  • Ui — plan clínico en papel mate
  • monopo saigon — Un brillo líquido e iridiscente tras o silencio editorial: unha galería editorial monocromática flotando sobre luz fundida
  • Ventriloc — Un observatorio editorial de datos en papel quente: unha única brasa laranxa que destaca a precisión monocromática
  • Hyer Aviation — Anoitecer na cabina sobre pergamiño. O pálido ceo do amencer atópase co logotipo serif do tamaño da fuselaxe e un único detalle de arxila cálida rompe a moderación monocromática.
  • Family — Unha tirada dun conto de fadas en pergamiño crema
  • OFF+BRAND. — Esfera iridescente sobre pergamiño quente
  • Geniestudio — Un caderno suave para a luz do día, do tipo con marxes amplas e un só trazo groso de pluma
  • xAI — Crema morna de laboratorio con pílula negra
  • Seed — un organismo vivo baixo vidro de laboratorio
  • Cosmos — Unha parede de galería forrada con liño e decorada con Polaroids
  • Cal — Practicidade monocromática, unha abordaxe humana. Un sistema que prioriza a claridade e a funcionalidade a través dunha estrita paleta de branco e negro, pero que a suaviza cunha tipografía amigable e formas redondeadas.
  • T1 Energy — Un debuxo dunhas instalacións de produción en pergamiño cálido é unha escena tranquila e monocromática onde a escala industrial e a tipografía sutil encarnan toda a marca.