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 — Қалың сызықтары бар жасыл ойын алаңы