Телеграм, WhatsApp+380637610482
Валериј Дањук
Валериј ДањукпрограмерРазвој вештачке интелигенције за предузећа. Висококвалитетни. Приступачни.Pišite na Telegram
Stripe — преглед сајта у овом стилу

Stripe

Књига рачуна исписана индиго мастилом на матираном стаклу

Stripe користи готово монохроматски језик за финансијске инструменте: меко, хладно бело платно са тамноплавим насловима, готово без декоративних хромираних елемената и једну јарку индиго боју (#533afd) која би се легитимно могла користити као дугме, линк или обрис иконе. Типографија је изузетно танка, са дебљином од 300 поена — чак и на 56px — што делује самоуверено потцењено, а не претерано корпоративно; размак између слова се нагло смањује са повећањем величине. Дугмад су мала, квадратна (4px) и користе љубичасте испуне или најтање љубичасте обрисе. Систем потпуно избегава сенке; дубина се постиже променом нијанси позадине (бела → #f8fafd → #e5edf5 → љубичасте нијансе), а не елевацијом. Читав интерфејс се понаша као рачуноводствена књига или терминал: густе информације, јасне линије, довољно простора између одељака, а боја се појављује само када је потребна акција.

Максимална ширина је ~1320 пиксела за центрирану колону садржаја на белом платну. Главни део је лево поравнат блок текста у пуној величини (56 пиксела) са два позива на акцију испод, без слике главног дела — типографија ЈЕСТЕ главни део. Одељци су распоређени вертикално са једнаким корицама од 96 пиксела и 1 пиксел #e5edf5 разделима; нема наизменичних тамних/светлих пруга. Сваки одељак прати понављајући образац: мали наслов одељка свим великим словима (димљена боја, 12 пиксела), затим наслов од 32-48 пиксела, затим пасус од 22 пиксела, па мрежа картица производа (3 колоне на десктопу) или блок текста са 2 колоне са визуелном уметношћу. Логотипи клијената се појављују у уској вертикалној траци, поравнати лево. Подножје је једна широка #f8fafd трака са вишеколонским листама линкова. Укупни ритам је спор, одмерен и претежно текстуалан — густина информација је ниска, упркос дугој дужини скроловања.

Слике су уздржане и у документарном стилу. Фотографије преко целе странице појављују се само у одељцима који приказују студије случаја (нпр. фотографије саобраћаја из ваздуха за Hertz), снимљене одозго или под драматичним угловима, користећи природне боје – без дуотона или обраде боја. Снимци екрана корисничког интерфејса производа користе се унутар картица карактеристика, приказани са оштрим угловима и јасним ивицама, без оквира уређаја. Логотипи партнера приказани су у сопственим бојама, без икаквих контејнера. Нема илустрација, 3Д рендера или декоративних апстрактних графичких елемената. Иконе су једнообразне: дебљина линије 1, дебљина линије 2 на белој позадини, са геометријском линијском уметношћу (шеврони, стрелице, ознаке за потврду, симболи докумената). Страница се углавном састоји од текста и белог простора; слике заузимају мање од 3% укупне визуелне површине.

Палета

Brend

  • Indigo Ink #533afd — Љубичаста боја се користи за испуњена дугмад, одабрана стања навигације и тренутке конверзије вођене фокусом.
  • Indigo Hover #7389ff — Љубичаста се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.

Неутрално

  • Midnight Ink #061b31 — Главни наслов и текст су дубоке, готово црне боје са хладним плавим нијансом, која служи као основа за цео систем фонтова.
  • Slate #64748d — Сиви текст истиче линкове, ознаке и кратке фразе.
  • Steel #50617a — Додатни текст и пратећи материјали су постављени између плавозелених и пригушених љубичастих тонова који се користе на подлиценцама.
  • Smoke #839bc8 — За велике декоративне наслове и пратећи текст користи се пригушена љубичаста нијанса - никада у пасусима у телу.
  • Pure White #ffffff — Платно странице и подигнуте површине карата; подразумевана позадина у односу на коју се све остало мери.
  • Mist #f8fafd — Позадина подножја и разделник одељака су суптилне хладне нијансе која раздваја подручја без видљиве границе.

Типографија

од 12 до 56 пиксела · 9 корака

  • sohne-var — замена: Inter Tight (variable · обриси 300, 400 · Једини фонт који се користи у целом интерфејсу је за наслове, текст, навигацију, дугмад и ознаке. Тежина од 300 преовладава чак и на величини екрана од 56 пиксела, што је посебна карактеристика: наслови шапућу уместо да вичу, успостављајући ауторитет кроз уздржаност, а не кроз јачину звука. Тежина од 400 се појављује само на 14–16 пиксела за навигацију и текст дугмади, где је потребан додатни потез ради читљивости при мањим величинама.

Интервали и форма

СврхаЗначење
Густинапростран
Основни корак8px
Радијус дугмета4px
Радијус картице4px
Сенкене - ивице уместо сенки
Између одељака96px
Ширина странице1320px

Вештачка интелигенција ће изградити ваш веб сајт у Stripe стилу и попунити га

  • Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
  • Пребаците садржај са вашег старог сајта — само наведите адресу.
  • Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
  • Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.

Слични стилови

  • Ui — клинички план на мат папиру
  • monopo saigon — Течни, преливајући се сјај иза уредничке тишине — монохроматска уредничка галерија која плута на растопљеној светлости
  • Ventriloc — Уредничка опсерваторија података на топлом папиру - један наранџасти жар који истиче монохроматску прецизност
  • Hyer Aviation — Сумрак у кокпиту изнад пергамента. Бледо небо у зору сусреће се са серифним логом величине трупа, а један топли глинени акценат прекида монохроматску уздржаност.
  • Family — Намаз из бајке на кремастом пергаменту
  • OFF+BRAND. — Иридесцентна сфера на топлом пергаменту
  • Geniestudio — Мекана бележница за дневно светло - она са широким маргинама и једним дебелим потезом оловке
  • xAI — Топла кремаста лабораторија са црном пилулом
  • Seed — живи организам под лабораторијским стаклом
  • Cosmos — Зид галерије обложен ланом и окачен полароидним сликама
  • Cal — Монохроматска практичност, људски приступ. Систем који даје приоритет јасноћи и функционалности кроз строгу црно-белу палету, али је омекшава пријатељском типографијом и заобљеним облицима.
  • T1 Energy — Цртеж производног погона на топлом пергаменту је тиха, монохроматска сцена где индустријска размера и суптилна типографија отелотворују цео бренд.