Vercel
Терминал ак кагазга басылган
Vercel дизайн системасы тартиптүү монохромдогу көнүгүү: дээрлик ак түстөгү полотно (#fafafa), кара шрифт, ичке чек аралар жана декоративдик түстүн таптакыр жоктугу. Визуалдык тил иштеп чыгуучунун басма түрүндө көрсөтүлгөн терминалын эске салат — Geist Sans "баатырдык" масштабда 400-450 салмагы жана -0.06em тамга аралыгы менен араң окулат, ал эми Geist Mono этикеткаларды, метадайындарды жана код үлгүлөрүн 11-13 пикселдик баш тамгалар менен колдонот. Баскычтар курч 6 пикселдик радиус же таза кара түстүн ак түстө же ак түстө кара түстө тик бурчтуктар. Система түскө эмес, контрастка жана типографиялык иерархияга таянат, үч бурчтуу белгини (▲) жана эки саптуу сөз белгисин брендинг элементтери катары гана колдонот. Беттер бири-биринин үстүнө #fafafa → #ebebeb → #171717 тартибинде тизилип, көлөкө же түстүн ордуна тоналдык маанилерди жылдыруу аркылуу тереңдикти жаратат. Ар бир элемент компакттуу тыгыздыктагы 4 пикселдик торчодо курулган, натыйжада инженердин дептерин эске салган интерфейс пайда болот — так, функционалдуу жана ак мейкиндиктен коркпойт.
Контейнердин туурасы 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 компаниясынын чоң өлчөмдөрдө тамгалардын аралыгы тар болгон атайын иштелип чыккан геометриялык sans-serif шрифти (56-64 пиксельде -0.06em, 30 пиксельде -0.05em). Барактын жогору жагындагы аталыштар үчүн 450 калыңдыгы тандалды: Light шрифтине караганда калыңыраак, бирок Semi-Bold шрифтине караганда жеңилирээк, бул өзүнө ишенген, бирок өтө эле өжөр эмес маанайды жаратат.
- Geist Mono — алмаштыруу: JetBrains Mono · контурлар 400, 500, 600 · Субтитрлер, код блоктору, CLI чыгаруу панелдери, метадайындар жана баш тамгалар үчүн бир аралыктагы экинчи шрифт. 8px/600px/баш тамгалардын айкалышы кичинекей сөз белгилерин так жайгаштырууга мүмкүндүк берет. Бир аралыктагы версиядагы кең тамгалар аралык (0.071em) баш тамгалар үчүн жетиштүү орун берет.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 12px |
| Баскычтын радиусу | 6px |
| Картанын радиусу | 6px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 96-128px |
| Барактын туурасы | 1280px |
Жасалма интеллект сиздин веб-сайтыңызды Vercel стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Headspace — Жылуу кагазга күн нуру чачыраган ден соолук бурчу
- WHOOP — Түн ортосунда лабораториялык спектакль - кара театр боштугунун астындагы ак клиникалык лабораториялык столдор, бир кочкул кызыл электр импульсу
- Together AI — Муз кагазындагы изилдөө консолу
- v0 by Vercel — Токардык чийме. Тактык жана функционалдуулук эң маанилүү, ар бир элемент таза, техникалык жактан кемчиликсиз бетте так максатка кызмат кылат.
- Dovetail — Кара айдын астындагы чийме — дээрлик көрүнбөгөн график сызыктары, ак шрифт, бир кочкул кызыл жаркыроо
- Glideapps — Бир электрдик бирюза жаркыраган монохромдуу чийме стол
- Timescale — Жылуу графикалык кагазга инженердик чийме
- UGLYCASH — Каймак түстүү кагазга басылган стикер менен капталган дептер өзүнүн башаламандыгын сыймыктануу менен көрсөткөн тайманбас, максималисттик финтехтин атмосферасын чагылдырат.
- Sprout Social — Кара сланецтеги жашыл өнүп чыккан өсүмдүк. Түсү кыймыл-аракет үчүн гана колдонулган, ал эми ишенимдүү геометриялык шрифт жол көрсөткүч катары кызмат кылган катуу монохромдуу полотнодогу бир жаркыраган акцент.
- Krea — түн ортосунда галерея нуар
- Evergreen — Зыгыр кагазындагы күн энергиясы менен иштеген күнөскана күн энергиясын иштетет.
- Factory — Түн ортосунда "согуш бөлмөсү" терминалы. "Фабриканын" өзү кара түстөгү башкаруу панели, ал жерде бир гана ак карточка фонарь жарыгында жаркыраган билдирүү сыяктуу түшөт — бөлмөдөгү жалгыз объект - бул чыгарманын өзү.