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 — Калын билгеләү сызыклары булган яшел уен мәйданчыгы