Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
Wise — превью сайта в этом стиле

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 — Зеленая детская площадка с толстыми линиями разметки