
Wise
Глубокий мох с известковым напряжением. Известковые искры на почти черной лесной почве, а массивные, угловатые фигуры сигнализируют о каждом движении
Шрифт Wise говорит уверенным, слегка громким голосом: глубокий лесной зеленый (#163300) занимает большую часть поверхности — текст, навигация, темные разделы, значки, — в то время как единственный ярко-салатовый (#9fe870) служит функциональным знаком препинания на призывах к действию, активных вкладках и ключевых элементах. Шрифт почти агрессивный: Wise Sans с толщиной линии 900, плотно расположенный, выделен крупными буквами (100px+) на главном экране. Остальная часть системы остается сдержанной на почти белом холсте с мягкими серыми поверхностями (#e8ebe6). Компоненты по умолчанию имеют форму таблеток — кнопки, сегменты навигации, миниатюры флажков, маски изображений — с небольшими радиусами (10px), зарезервированными для карточек и полей ввода. Цветовые градиенты встречаются редко; вместо этого сочетание саламандры и лесного цвета плавно меняется, когда разделы становятся темными, создавая ритм без излишнего декора.
Контейнер с максимальной шириной 1200px, центрированный по центру, с верхней и темной секциями, занимающими всю ширину страницы. Шаблон верхней части: массивный заголовок, центрированный по центру, на белом фоне, с большой иллюстрацией (глобус), выступающей за нижний край области просмотра. Ритм секций: чередование белого → светло-зеленой полосы → темной секции цвета «лесные чернила», создающее естественный цветовой ритм. Расположение контента преимущественно центрированное: в верхней части — блоки текста и изображения в 2 столбца, или строки с основными элементами в 3 столбцах во вспомогательных разделах. Для отображения списка стран используется сетка из 5 столбцов с флагами. Навигация представляет собой единую фиксированную верхнюю панель с сегментированным переключателем. QR-код остается неподвижным в правом нижнем углу при всех положениях прокрутки.
Иллюстрации в стиле 3D, изображающие земной шар с золотыми монетами, создают визуальный мир бренда — тактильный, слегка сюрреалистичный, выполненный с использованием мягких градиентов и теплого света. Фотографии минималистичны; если используются, то в высокой тональности и в стиле casual. Флаги стран представлены в виде круглых миниатюр в пятиколоночной сетке — единственная «иконочная» система — это национальная идентичность. Никаких абстрактных графических элементов, никаких стандартных шаблонов. Глобус и монеты являются повторяющимся мотивом талисмана, сигнализирующим о глобальном охвате посредством одного теплого, оптимистичного объекта, а не монтажа.
Палитра
Бренд
- 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 до 105px · 10 ступеней
- Inter — замена: Inter (native Google Fonts) · начертания 400,500,600,700 · Основной текст, пользовательский интерфейс, подписи и подзаголовки по всему продукту. Шрифт толщиной 700 используется для заголовков среднего уровня (36–45px), 500–600 — для подзаголовков и подписей, 400 — для основного текста и подписей. Шрифт Inter выполняет тихую работу, а Wise Sans — броскую.
- Wise Sans — замена: Inter Black (900) with -0.04em tracking · начертания 900 · Заголовки для отображения — визитная карточка бренда. Сверхплотный шрифт 900 с шагом 89–105px и плотным межбуквенным расстоянием превращает каждый заголовок в объявление крупными буквами. Используется экономно: в качестве основного текста, для заголовков разделов, для ключевых моментов кампании.
- monospace — замена: Inter · начертания 400 · моноширинный — обнаружен в извлеченных данных, но не описан ИИ.
Интервалы и форма
| Назначение | Значение |
|---|---|
| Плотность | плотная |
| Базовый шаг | 8-12px |
| Радиус кнопок | 9999px |
| Радиус карточек | 10px |
| Тени | нет — границы вместо теней |
| Между секциями | 64-80px |
| Ширина страницы | 1200px |
ИИ соберёт ваш сайт в стиле Wise и наполнит его
- Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
- Перенесёт контент со старого сайта — достаточно указать адрес.
- Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
- Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.
Похожие стили
- Integrated Biosciences — биолюминесцентная лаборатория в полночь
- Huly — Северное сияние в полуночной обсерватории — главный герой представляет собой вертикальный луч фиолетового цв…
- Dia Browser — Галерея в темной комнате сочетается с редакционной газетой. Сцена в кромешной темноте открывает вид на залит…
- Mintlify — Облачный сад над стеклянным столом. Нарисованное от руки небо и документальный продукт находятся в одной рам…
- Gleap — Рабочее пространство, оформленное в теплых кремовых тонах с графитовыми акцентами — студия, где матовые черн…
- ClickUp — Эффективная панель управления на белом мраморе. Страница представляет собой брошюру продукта — инструмента п…
- monday — Белая мастерская с пастельными стикерами
- Portal — Редакционная статья Twilight Serif — премиальный разворот в независимом журнале, оформленный в стиле iOS
- Slack — Сцена баклажанового цвета с белыми прожекторами. Глубокий сливовый оттенок доминирует в темных участках, а п…
- Base44 — Блокнот, залитый солнечным светом, с лаймовым маркером
- Letters — Утренний прием в клинике под открытым небом — стерильно-белый стол под мягким голубым потолком, усеянный инс…
- Duolingo — Зеленая детская площадка с толстыми линиями разметки