Wise
Акиташтын чыңалуусу бар терең мох. Дээрлик кара токойдун түбүндө акиташ учкундары чачырап, ар бир кыймылды билдирген чоң, бурчтуу фигуралар.
Wise шрифти ишенимдүү, бир аз катуу үн менен сүйлөйт: коюу токой жашыл түсү (#163300) беттин көпчүлүк бөлүгүн ээлейт — текст, навигация, караңгы бөлүктөрү, сүрөтчөлөр — ал эми бир ачык лайм жашыл түсү (#9fe870) аракетке чакырууларда, активдүү өтмөктөрдө жана негизги элементтерде функционалдык тыныш белгилери катары кызмат кылат. Шрифт дээрлик агрессивдүү: 900 сызык салмагы бар, тыгыз жайгашкан Wise Sans башкы экранда чоң тамгалар менен (100px+) айырмаланып турат. Системанын калган бөлүгү жумшак боз беттери бар ак түстөгү полотнодо (#e8ebe6) байкалбайт. Компоненттер демейки боюнча таблетка формасында — баскычтар, навигация сегменттери, белгилөө кутучасынын эскиздери, сүрөт маскалары — карталар жана киргизүү талаалары үчүн кичинекей радиустары (10px) менен сакталат. Түс градиенттери сейрек кездешет; анын ордуна, саламандра менен токой жашыл түсүнүн айкалышы бөлүктөрү караңгылаган сайын жылмакай өзгөрүп, ашыкча кооздоосуз ритмди жаратат.
Борборлоштурулган, үстү жана кара бөлүктөрү барактын бүт туурасын ээлеген, максималдуу туурасы 1200 пиксель болгон контейнер. Башкы беттин жайгашуусунда ак фондо чоң, борборлоштурулган аталыш бар, ал эми чоң иллюстрация (глобус) көрүү терезесинин астыңкы четинен чыгып турат. Бөлүмдөрдүн ритми ак, ачык жашыл жана "токой сыясы" менен кара бөлүктүн ортосунда алмашып турат, бул табигый түс ритмин түзөт. Мазмундун жайгашуусу негизинен борборлоштурулган: жогору жагындагы эки тилкеде текст жана сүрөттөр блоктору же кошумча бөлүмдөрдө үч тилкеде негизги элементтери бар саптар. Өлкөлөрдүн тизмесин көрсөтүү үчүн желектери бар беш тилкелүү торчо колдонулат. Навигация - бул сегменттелген которгучу бар бир, бекитилген үстүнкү тилке. QR коду бардык жылдыруу позицияларында төмөнкү оң бурчта бекитилген бойдон калат.
Алтын тыйындар салынган глобустун 3D иллюстрациялары бренддин визуалдык дүйнөсүн түзөт — тактилдүү, бир аз сюрреалдык, жумшак градиенттер жана жылуу жарык менен жасалган. Фотография минималисттик; колдонулганда ал жогорку деңгээлдеги жана күнүмдүк. Улуттук желектер беш тилкелүү торчодо тегерек миниатюралар катары көрсөтүлгөн — жалгыз "иконикалык" система - бул улуттук иденттүүлүк. Абстракттуу графикалык элементтер жок, стандарттуу шаблондор жок. Глобус жана тыйындар талисмандын кайталануучу мотиви болуп саналат, монтаж эмес, бир гана жылуу, оптимисттик объект аркылуу глобалдык жетишкендикти билдирет.
Түстөр палитрасы
Бренд
- Forest Ink
#163300— Бренддин үстөмдүк кылган караңгы стили — навигациялык текст, караңгы бөлүктөрдүн фондору, жарык беттердеги негизги текст, сөлөкөттөрдүн контурлары жана толтурулган навигация элементтери — анын күчүн аныктайт: кайсы жерде салмак же кадыр-барк талап кылынса, сиз Forest Inkти тандайсыз. - Lime Voltage
#9fe870— Жашыл түс декоративдик деталдарды жана сейрек колдонулган издөө сурамдарын белгилөө үчүн кошумча акцент катары колдонулат. Ал аракетке чакыруу үчүн негизги түс катары колдонулбашы керек. - Spruce
#054d28— Экинчи кочкул жашыл түс карта беттери, анча чоң эмес иконография жана Forest Ink өтө каныккан караңгы жерлерге тереңдик кошуу үчүн колдонулат.
Нейтралдуу
- Linen Mist
#e2f6d5— Беттердеги жумшак жарыктар, түстүү карта фондору жана навигация тилкелериндеги курсорду калкып жүрүү абалдары үчүн ачык жашыл түс. Контейнердин дизайнынын элементтери үчүн өзгөчө жашыл түстүн бир аз өңү. - Signal Blue
#0b4c72— Көк түс декоративдик деталдарга кошумча акцент катары кызмат кылат жана төмөнкү жыштыктарды баса белгилейт. - Alarm Red
#cb272f— Кызыл түс декоративдик деталдарды колдоочу жана сейрек кездешүүчү түстөрдү баса белгилөөчү каражат катары кызмат кылат. Аны статус түсү катары эмес, колдоочу каражат катары колдонуңуз. - Charcoal
#454745— Негизги текст, негизги текст, бай интерфейс - бир аз жылуу кара түс, ак фондо таза #000го караганда жумшак сезилет. - Obsidian
#0e0f0c— Навигациядагы жана негизги менюдагы аталыштар, жогорку контрасттуу аталыштар, таза кара элементтер. Кара түс бир аз жашыл түстө, нейтралдуу боз эмес. - Pebble
#868685— Басылып калган кошумча текст, орун толтургуч текст, сүрөтчөнүн контурлары жана киргизүү талаасынын чектери. Орто боз түстө, алыска чегинип баратат.
Типография
12ден 105 пикселге чейин · 10 кадам
- Inter — алмаштыруу: Inter (native Google Fonts) · контурлар 400,500,600,700 · Продукциянын негизги тексти, колдонуучу интерфейси, коштомо жазуулар жана кошумча аталыштар. Ортоңку деңгээлдеги аталыштар (36–45 пиксель) үчүн 700 калыңдыктагы шрифт, кошумча аталыштар жана коштомо жазуулар үчүн 500–600 жана негизги текст жана коштомо жазуулар үчүн 400 калыңдыктагы шрифт колдонулат. Inter назик көрүнүштү камсыз кылса, Wise Sans тайманбас көрүнүштү камсыз кылат.
- Wise Sans — алмаштыруу: Inter Black (900) with -0.04em tracking · контурлар 900 · Аталыштар – бул бренддин визиттик карточкасы. 89–105 пиксель өлчөмүндөгү жана тамгалардын ортосундагы тыгыз аралыктагы өтө тыгыз 900 шрифт ар бир аталышты калың, коюу жарнамага айландырат. Алар сейрек колдонулат: негизги текст катары, бөлүмдөрдүн аталыштары үчүн жана өнөктүктөрдүн негизги учурлары үчүн.
- monospace — алмаштыруу: Inter · контурлар 400 · бир аралыкта жайгашкан - алынган маалыматтарда кездешет, бирок жасалма интеллект тарабынан сүрөттөлбөйт.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 8-12px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 10px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 64-80px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Wise стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Integrated Biosciences — түн ортосунда биолюминесценция лабораториясы
- Huly — Түнкү обсерваториядагы түндүк жаркыроолору - башкы каарман - кочкул кызыл түстөгү маржанга айланган вертикалдуу нур, ал эми анын астындагы ар бир тынч бөлүктө ошол эле эки түстүү окуя басаңдатылган үн менен баяндалат.
- Dia Browser — Караңгы бөлмөдөгү галерея редакциялык гезит менен айкалышып турат. Капкараңгы көрүнүш күн нуруна тийген гезит бетин көрсөтөт, ар бир бөлүмдө бирден сериф жазуусу бар аталыш бар.
- Mintlify — Айнек столдун үстүндөгү булут бакчасы. Кол менен тартылган асман жана даректүү тасма чогуу кадрга түшүрүлгөн — барак монастырдык ак түскө боёлгонго чейин түс менен түшүнүк кагылышкан жалгыз жер ушул.
- Gleap — Жылуу каймак түстөр менен кооздолгон, графит акценттери бар жумуш орду — зыгыр буласынан жасалган архитектуранын үстүндө күңгүрт кара сыя чекиттери калкып жүргөндөй көрүнгөн студия
- ClickUp — Ак мрамордон жасалган күчтүү башкаруу панели. Бул баракча өндүрүмдүүлүк куралы үчүн продукт брошюрасы болуп саналат, ошондуктан визуалдык тил продуктунун өзүнөн алынган: тыгыз тизмелер, абал көрсөткүчтөрү, аватарлардын топтору жана дисплейдеги продукттун спецификациясына окшош калың типографиялык билдирүүлөр.
- monday — Пастел стикерлери бар ак түстөгү устакана
- Portal — Twilight Serif редакциялык басылмасы - iOS стилинде иштелип чыккан, көз карандысыз журналдагы премиум басылма
- Slack — Сахна ак прожекторлор менен баклажан түсүндө жасалгаланган. Караңгы жерлеринде кочкул кара өрүк түсү басымдуулук кылса, ак түстөгү полотно чоң, авангарддык чыгармалардын эркин дем алышына мүмкүндүк берет.
- Base44 — Лайм маркери бар күн нуру тийген дептер
- Letters — Ачык асман алдындагы клиникада эртең мененки жолугушуу — көк шыптын астындагы стерилденген ак стол, үстүндө хирургиялык көк аспаптар чачырап турат
- Duolingo — Калың белгилөө сызыктары бар жашыл оюн аянтчасы