Column
дафтари кабуди тира дар зери субҳи сард
Дар сутун ранги кабуди тираи нимкураи институтсионалӣ дар заминаи қариб сафед истифода мешавад: саҳифа аввал ба сатҳи мустаҳками маҳсулоти бонкӣ ва дуюм ба майдони бозии таҳиягар монанд аст. Ранги бренд яксон нест, балки як ҷуфти ҳамоҳангшуда аст - кабуди тираи нимкураи #111a4a барои сохтори ҷиддӣ, сабзи наъно #44b48b барои маълумот ва рамз - бо як норанҷии гарми норанҷӣ (#ec652b), ки барои сатҳҳои баландшиддат ба монанди корти Brex нигоҳ дошта шудааст. Типография аз ҷониби SuisseIntl, як геометрии sans serif, ки дар тамоми диапазони вазн аз 300 (пайвандҳо) то 600 (дисплей) истифода мешавад, бартарӣ дорад ва ба система услуби мукаммал ва таҳририро медиҳад, ки аксари ширкатҳои финтех надоранд. Кортҳо дар сатҳҳои калони сафед бо сояҳои нозук ва қабатӣ шино мекунанд; аксари унсурҳои интерфейс ҳамворанд ва умқ танҳо дар ҷое пайдо мешавад, ки корт бояд ба як объекти ҷисмонӣ монанд бошад (виджетҳои муомилот, макетҳои маҳсулот). Рамз ва маълумоти молиявӣ бо ранги монохромӣ, кафки баҳрӣ пешниҳод карда мешаванд - сигнали визуалӣ, ки ин бонкест, ки аз ҷониби муҳандисон барои муҳандисон сохта шудааст.
Сохтори саҳифа пурра паҳноӣ буда, бо ҳошияҳои паҳлӯии васеъ (дар мизи корӣ 64-15 см) дар марказ ҷойгир шудааст. Экрани асосӣ тарҳбандии тақсимшуда мебошад: сарлавҳа ва даъватҳо ба амал дар 25 см ба тарафи чап рост карда шудаанд, дар ҳоле ки виджети муомилоти шинокунанда дар тарафи рост дар 55 см дар пасманзари харитаи нимранг ҷойгир аст. Дар зери экрани асосӣ, бахшҳо байни ранги сафед (4 см) ва ранги равшан (5 см) бо ҷӯйборҳои амудии 6 см иваз мешаванд. Мундариҷа мувофиқи шабакаи ягонаи 6-сутун ҷойгир карда шудааст: блокҳои матнӣ 4 сутунро (7 см) ишғол мекунанд, кортҳои тасвир/маҳсулот 5-6 сутунро ишғол мекунанд ва бо ҷойивазкунии қасдан аз шабака. Бахшҳое, ки хусусиятҳоро тавсиф мекунанд, тарҳбандии 2-сутунро истифода мебаранд: матн дар тарафи чап, маҳсулот дар тарафи рост. Бахши омори эътимод ба шабакаи 4-сутун дар паҳнои пурраи саҳифа тақсим шудааст. Логотипҳои муштариён дар як сатри марказонидашуда бо ҷӯйборҳои 48px ҷойгир шудаанд. Пойгоҳи поёнӣ тарҳбандии ду-сутунии фишурда дорад. Навигатсия як сатри болоии собит, баландии 62 пиксел ва шаффоф дар болои экрани асосӣ бо заминаи хира мебошад, ки ҳангоми ҳаракат кардан ба сафед табдил меёбад. Дар он ягон панели паҳлӯӣ ё мега-меню вуҷуд надорад — менюҳои афтанда менюҳои оддии ба услуби тирча монанд мебошанд.
Услуби визуалӣ минималистӣ ва функсионалӣ аст — Column аз аксбардории саҳҳомӣ комилан канорагирӣ мекунад. Забони визуалӣ бар се манбаъ сохта шудааст: (1) тасвирҳои додаҳои SVG, махсусан харитаи ҷаҳонии нимранги нуқтадор, ки бо градиент аз индиго то норанҷӣ то фирӯза нишон дода шудааст ва фазои миқёси ҷаҳониро дар паси унсури асосӣ эҷод мекунад; (2) тарҳбандии кортҳои маҳсулот — виджетҳои шинокунанда, ки тавозуни ҳисобҳо, тафсилоти интиқол ва порчаҳои рамзи JSON-ро дар кортҳои сафед бо сояҳои драмавӣ нишон медиҳанд; (3) визуализатсияҳои диаграмма — диаграммаҳои шамъдони фирӯзӣ ё сутунӣ бо хатҳои тунуки пайвасткунанда, ки дар бахши эътимод/омор истифода мешаванд. Харитаи нимранг як унсури визуалии имзоӣ аст — градиенти он аз #d65620 (норанҷӣ) ба рангҳои бунафш, кабуд, кабуд, фирӯза ва зард мегузарад ва спектреро эҷод мекунад, ки тамоми палитраи брендро дар як сатҳи ороишӣ муттаҳид мекунад. Нишонаҳо ғафсии якхелаи контурӣ дар вариантҳои #232730 ё #a9acb6 доранд, бо пур кардани ҳолатҳо барои фаъол. Бе аксҳои тарзи зиндагӣ, бе тасвирҳои абстрактии сеченакаи визуалӣ — ин маҳдудият қасдан барои ҷалби таваҷҷӯҳ ба маҳсулот ва маълумот пешбинӣ шудааст.
Палитра
Бренд
- Indigo Navy
#111a4a— Ранги асосии бренд барои даъватҳои пур ба амал, ҳолатҳои фаъоли навигатсия, сарлавҳа ва логотип истифода мешавад. Ранги кабуди бунафшранг ба сайт ранги сиёҳи мустаҳкам ва бой медиҳад; дар якҷоягӣ бо матни сафед, он тугмаи аз ҳама боварибахшро дар сайт эҷод мекунад. - Seafoam 600
#44b48b— Ранги рамз ва маълумот ранги бренд барои калидҳо, идентификаторҳо ва арзишҳои молиявии JSON дар порчаҳои рамз мебошад. Он инчунин барои нуқтаҳои додаҳо дар диаграммаҳо ва визуализатсияҳои афзоиш истифода мешавад. - Seafoam 700
#167e6c— Сояи тираи кафки баҳрӣ барои контур, хатҳои диаграмма ва таъкидҳои нишонаҳо дар контексти маълумот. Ин миқёси кафки баҳриро дар заминаи тиратар мустаҳкам мекунад. - Seafoam 400
#94efb7— Қисмати рамзи таъкидшуда дорои арзишҳои сатрӣ, URL-ҳо ва нуқтаҳои ниҳоии API дар дохили блокҳои рамз мебошад. Ранги равшантарини кафки баҳрӣ ҳамчун шрифти якфосила бо ранги сабзранг хонда мешавад. - Deep Sea
#023247— Контури ороишӣ ва ранги таъкидии диаграмма ранги бойи фирӯза аст, ки дар тасвирҳои SVG ва визуализатсияҳои додаҳо, дар баробари миқёси ранги кафки баҳрӣ, истифода мешавад.
Бетараф
- Midnight Ink
#011821— Сатҳи торик ва матни равшаншуда – заминаи корти маҳсулот, матни асосии контрасти баланд. Ба хокистарӣ наздиктар бо ранги кабуди сабзи хунук; ҳамчун асос барои ҳолати торик вақте ки қисматро чаппа кардан лозим аст, истифода мешавад. - Slate Ink
#3b3e47— Унвони дуюмдараҷа ва матни асосӣ нисбат ба Midnight Ink каме гармтаранд, ки дар ҷойҳое истифода мешавад, ки ранги сиёҳи холис дар холсти равшан хеле тунд ба назар мерасад. - Steel
#7c7f88— Матни асосӣ ва матни пайванд аз ранги хомӯш бартарӣ доранд (245 маротиба дар матни асосӣ истифода шудааст). Ранги хокистарранг-кабуди бетараф, ки ҳамчун оромӣ қабул карда мешавад, ҳеҷ гоҳ тасвири шусташуда нест. - Fog
#a9acb6— Контурҳои нишонаҳо, сарҳадҳои сеюмдараҷа ва матни ҷойнишин. Ранги хокистарии миёна, ки матнро бидуни рақобат бо он ҷудо мекунад. - Mist
#cbcccf— Матни асосӣ — имзоҳо, огоҳиномаҳо ва ҳарфҳои хурд — дар заминаи сафед хондашавандаанд, аммо бо чашм камтар намоёнанд. - Silver Lining
#e3e4e8— Марзҳои корт, марзҳои майдони вуруд, хатҳои тақсимкунанда. Ин ранги сохторӣ ва нозук дар ҷойҳое истифода мешавад, ки ду сатҳро бе сояҳо ҷудо кардан лозим аст.
Типография
аз 10 то 60 пиксел · 10 қадам
- SuisseIntl — ивазкунӣ: Inter · контурҳо 300, 400, 500, 600 · Шрифти асосӣ – барои ҳамаи сарлавҳаҳо, матни асосӣ, тугмаҳо, паймоиш, истинодҳо ва матни корт истифода мешавад. Шакли беназири геометрии sans serif ба Column услуби таҳририи хосро медиҳад ва онро аз дигар ширкатҳои финтех, ки танҳо бо Inter-only кор мекунанд, фарқ мекунад. Вазни он 600 пиксел дар 52-60 пиксел барои сарлавҳаҳо, 500 пиксел барои зерсарлавҳаҳо, 400 пиксел барои матни асосӣ ва 300 пиксел барои истинодҳои камтаъкид аст.
- SuisseIntlMono — ивазкунӣ: JetBrains Mono · контурҳо 400 · Шрифти якфосиладор монанд ба SuisseIntl, ки барои тамғакоғазҳои техникӣ, идентификаторҳои API ва маълумоти дарунсохт дар унсурҳои UI истифода мешавад. Он таносубҳои якхеларо мисли SuisseIntl нигоҳ медорад, то матни якфосиладор ва мутаносиб дар контекстҳои омехта дуруст мувофиқат кунад.
- SFMono — ивазкунӣ: Fira Code · контурҳо 400 · Намоиши порчаи код - дар мисолҳои JSON ва блокҳои ҳуҷҷатгузории API нишон дода мешавад. Ранги кафки баҳрӣ барои фарқ кардани визуалии код аз матни UI истифода мешавад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 8px |
| Радиуси тугма | 8px |
| Радиуси корт | 8px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 72px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Column месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- dope.security — Терминали нисфишабӣ бо маякҳои арғувонӣ
- Leonardo — Галереяи таҳририяи чаппашуда. Осорхонаи девори сиёҳ, ки дар он сарлавҳаҳои арғувонӣ ҳамчун инсталляцияҳои деворӣ амал мекунанд ва портретҳои тавлидшуда аз ҷониби зеҳни сунъӣ дар шабакаи зич дар поён овезонанд.
- VEED — Девори галереяи сафед бо тугмаҳои чароғи сабзи неон
- Craft Docs — Коллажи рақамӣ барои скрапбукинг. Тарроҳӣ ба скрапбуки боандеша ва ламсӣ монанд аст, ки дар он нотаҳои рақамии сохторӣ бо матнҳои нарм ва органикӣ якҷоя мешаванд.
- Letter — Галереяи хусусӣ, ки дорои ашёи дурахшон аз анбор мебошад. Фазои намоишгоҳии девори сиёҳ, ки дар он сарлавҳаҳои серифӣ дар болои ҳайкалҳои хромӣ дар деворҳои рангаи галерея шино мекунанд.
- Railway — Экспресси кайҳонии нисфи шаб. Сафари ором ва ҳаяҷоновар тавассути фазои торик ва ситорадор, ки таҳти роҳнамоии сигналҳои равшан қарор дорад.
- Garden Eight — Мақолаи муҳими таҳрирӣ бо коғази ранги қаймоқ. Сарлавҳаи серифи 215 пикселӣ танҳо дар рӯи пергаменти гарм ҷойгир аст, ки онро шаклҳои ҳайкалтарошии шинокунанда ва фазои манфии ба ҳавои баҳр монанд иҳота кардаанд - саҳифа бештар ба муқоваи монографияи санъат монанд аст, на ба панели идоракунӣ.
- Steep — Таҳлили шрифтҳои Serif дар коғази гарм
- ElevenLabs — Эссеи аксӣ бо рангҳои гарми қаймоқӣ бо сарлавҳаҳои нозук. Дафтарчаи услуби Баухаус — коғази ранги пӯсти тухм, ранги сиёҳ ва як лаки арғувонӣ ва норанҷӣ барои намоиши маҳсулот.
- Awesomic — Тӯри руҳии таҳрирӣ бо аломатҳои пунктуатсионӣ, ки конфеттиро ба хотир меорад
- Monad — маҷаллаи таҳририяи техникӣ дар бораи пергаменти гарм
- AI for Business — Толори намоиши таҳририяи бруталистӣ бо рангҳои гарми хокистарӣ