Vercel
Терминал дар коғази сафед чоп шудааст
Системаи тарроҳии Vercel як машқ дар монохроми интизомӣ аст: матои қариб сафед (#fafafa), шрифти сиёҳ, канорҳои тунук ва набудани пурраи ранги ороишӣ. Забони визуалӣ терминали таҳиягарро ба хотир меорад, ки дар шакли чопӣ нишон дода шудааст - Geist Sans бо вазни 400-450 ва фосилаи ҳарфҳо -0.06em дар миқёси "қаҳрамонӣ" базӯр хонда мешавад, дар ҳоле ки Geist Mono тамғакоғазҳо, метамаълумот ва намунаҳои рамзро бо ҳарфҳои 11-13 пиксел истифода мебарад. Тугмаҳо радиусҳои тези 6 пиксел ё росткунҷаҳои сиёҳи холис дар сафед ё сафед дар сиёҳ мебошанд. Система ба ҷои ранг ба контраст ва иерархияи типографӣ такя мекунад ва аломати секунҷа (▲) ва аломати духаттаро ҳамчун ягона унсурҳои брендинг истифода мебарад. Сатҳҳо дар болои якдигар бо тартиби #fafafa → #ebebeb → #171717 ҷойгир карда шудаанд ва тавассути тағир додани арзишҳои тоналӣ ба ҷои соя ё ранг умқ эҷод мекунанд. Ҳар як унсур дар шабакаи 4px бо зичии паймон сохта шудааст, ки дар натиҷа интерфейсе ба дафтарчаи муҳандис монанд аст - дақиқ, функсионалӣ ва аз фазои сафед наметарсад.
Контейнер 1280 пиксел паҳноӣ, марказӣ ва бо пуркунии уфуқии фаровон (24-48 пиксел) дорад. Блоки асосӣ аз таркиби се минтақавии асимметрӣ истифода мебарад: сарлавҳаи калон дар тарафи чап, глифи бренд дар марказ ва блоки "абрӯ" дар тарафи рост. Дар зери блоки асосӣ, мундариҷа дар рахҳои навбатӣ ҷойгир карда шудааст: рахи пурра бо логотипи муштарӣ, пас аз он қисмати дусутунии "Эҷодкунандагони Агент" бо сарлавҳа дар тарафи чап ва тарҳбандии маҳсулот дар тарафи рост, пас аз он шабакаи се корт бо хусусиятҳо. Бахшҳо бо новчаҳои амудии 96-128 пиксел бе тақсимкунандагон ё фосилаҳои замина ҷудо карда шудаанд. Навигатсия як панели ягонаи собити 64 пиксел бо заминаи норавшан аст. Шабакаҳои кортӣ мунтазам тарҳбандии ду ё се сутунро бо новчаҳои 16-24 пиксел истифода мебаранд. Зичии умумӣ паймон аст - матн барои хондан осон аст, фазои сафеди кофӣ мавҷуд аст, аммо андозаи шрифт ва андозаи ҷузъҳо монеъ мешаванд, ки саҳифа ҳавоӣ ҳис кунад.
Тасвирҳо камёбанд ва ҳамеша функсионалӣ мебошанд. Унсури асосии визуалӣ секунҷаи сиёҳ (▲) аст - тамғаи бренди геометрӣ, ки дар миқёси "капитал" ҳамчун силуэти овезон пайдо мешавад. Логотипҳои муштарӣ дар рахи исботи консепсия тамғаҳои воқеии ҳар як брендро бо ранги хокистарӣ истифода мебаранд. Макетҳои маҳсулот (интерфейси чати Notion, баромади терминали CLI, корти шиноснома) ҳамчун скриншотҳои рӯшноӣ дар дохили кортҳои чаҳорчӯба ҷойгир карда шудаанд. Дар он аксҳо, тасвирҳо ё унсурҳои 3D мавҷуд нестанд - система типографияи холис ва шаклҳои геометрӣ дар коғази сафед аст.
Палитра
Бетараф
- Obsidian
#171717— Сарлавҳаҳои асосӣ, сарҳадҳои навигатсия, пуркунии тугмаҳои торик ва аломатҳои рӯйхат ҳама қариб сиёҳанд, ки аз дағалӣ ва сершавии чашмгир худдорӣ мекунанд. - Paper White
#fafafa— Канваси саҳифа, сатҳҳои кортҳо, равшании тугмаҳо - ин заминаи стандартӣ аст, ки ҳама чизи дигар дар он ҷойгир аст. - Pure White
#ffffff— Сатҳҳои баландшудаи кортҳо, вурудҳо, майдонҳои вуруд. - Hairline
#ebebeb— Марзҳои 1px дар тугмаҳо, пайвандҳо ва кортҳо дар сатҳҳои баланди масштаб намоён, вале дар сатҳҳои пасти масштаб ноаён мебошанд. - Ash
#c9c9c9— Матни ғайрифаъол, тамғакоғазҳои хомӯшшуда, нишонаҳои обии номи бренд дар логотипҳои муштарӣ. - Smoke
#a8a8a8— Матни дуюмдараҷа, матни ҷойнишин, пуркунии нишонаҳои нозук.
Типография
аз 11 то 64 пиксел · 6 қадам
- Geist Sans — ивазкунӣ: Inter · контурҳо 400, 450, 500 · Шрифти асосӣ барои интерфейс ва сарлавҳаҳо шрифти геометрии махсус тарҳрезишуда аз Vercel бо фосилаи маҳдуди ҳарфҳо дар андозаҳои калон (-0.06em дар 56-64px, -0.05em дар 30px) мебошад. Барои сарлавҳаҳо дар болои саҳифа, вазни 450 интихоб карда шуд: аз Light ғафстар, вале аз Semi-Bed сабуктар, ки оҳанги боэътимод, вале на бераҳмонаро эҷод мекунад.
- Geist Mono — ивазкунӣ: JetBrains Mono · контурҳо 400, 500, 600 · Шрифти дуюмдараҷаи якфосила барои сарлавҳаҳо, блокҳои код, панелҳои баромади CLI, метамаълумот ва матни калонҳаҷм. Комбинатсияи 8px/600px/калонҳаҷм имкон медиҳад, ки аломатҳои хурди калима ҷойгир карда шаванд. Фосилаи васеи ҳарфҳо (0.071em) дар версияи якфосила барои матни калонҳаҷм фазои кофӣ фароҳам меорад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | зич |
| Қадами асосӣ | 12px |
| Радиуси тугма | 6px |
| Радиуси корт | 6px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 96-128px |
| Паҳнои саҳифа | 1280px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Vercel месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Headspace — Гӯшаи офтобии саломатӣ дар рӯи коғази гарм
- WHOOP — Лабораторияи намоишӣ дар нисфи шаб - мизҳои сафеди озмоишгоҳи клиникӣ дар зери холигии театрии сиёҳ, як импулси арғувонии барқ
- Together AI — Консоли тадқиқотӣ дар коғази яхбандӣ
- v0 by Vercel — Нақши дастгоҳи харротӣ. Дақиқӣ ва функсионалӣ муҳимтарин аст, ки ҳар як унсур дар сатҳи тоза ва аз ҷиҳати техникӣ комил вазифаи возеҳро иҷро мекунад.
- Dovetail — Нақшае дар зери моҳи сиёҳ — хатҳои графикии қариб намоён, шрифти сафед, як дурахши арғувонӣ
- Glideapps — Мизи расмкашии якранг бо як дурахши барқии фирӯза
- Timescale — Расми муҳандисӣ дар коғази графикии гарм
- UGLYCASH — Дафтари бо стикер пӯшонидашуда дар коғази қаймоқранг фазои як финтехи ҷасур ва максималистиро, ки бо ифтихор бесарусомонии худро нишон медиҳад, инъикос мекунад.
- Sprout Social — Навдаи сабз дар болои лавҳаи сиёҳ. Як лаки дурахшон дар матои якранги қатъӣ, ки рангаш танҳо барои амал истифода мешавад ва шрифти геометрии боэътимод ҳамчун аломатҳо хизмат мекунад.
- Krea — галереяи нуар дар нисфи шаб
- Evergreen — Гармхонаи офтобӣ дар рӯи коғази катон
- Factory — Терминали "ҳуҷраи ҷангӣ" нисфи шаб. "Корхона" як панели идоракунии сиёҳи комилан сиёҳ аст, ки дар он як корти сафед мисли паёми бо чароғак фурӯзоншуда меафтад - ягона ашё дар утоқ худи кор аст.