Noa Keller — первый экран
Noa Keller — мобильная версия
Бриф_Noa Keller.pdfПортфолио дизайн-инженера, где каждый кейс — живой прототип: переключатели, стопки карточек и сетка коммитов.
ГОТОВЫЙ ШАБЛОН

⑯ Портфолио дизайн-инженера · Портфолио

Интерфейсы, нарисованные для Noa Keller

Цена
от 39 000 ₽
Срок запуска
4–5 дней
Стек
Next.js · Motion
Версии
ПК + телефон
Формат
Готовый шаблон

превью-примерка Только для готовых шаблонов

Примерить свой бренд

Выберите цвета, загрузите логотип и впишите название — покажем Noa Keller в вашем бренде. Это примерка на снимке первого экрана: перекрашиваем заметные зоны прямо в браузере. Живой сайт целиком перекрасим после брифа.

Основной цвет · кнопки и аватар
Акцентный цвет · сетка коммитов и статус
Логотип
Загрузить файл

PNG, SVG или JPG до 2 МБ. Файл остаётся в вашем браузере — мы его не получаем.

Цвета и название попадут в комментарий брифа. Логотип в бриф не уходит — пришлёте его в ответ на наше письмо.

Превью-примерка. Снимок первого экрана, перекрашенный в браузере: кнопки и аватар — основной цвет, сетка коммитов и статус — акцент. На готовом сайте цвета, логотип и тексты меняются по всем страницам.

Ваш бренд

Ваше названиеакцент
  • Основной#0A0A0A
  • Акцент#26BB70
  • Светлый#EDEDED
  • Тёмный#0A0A0A

Текст на основном: белый, контраст 19.8:1. На акценте — 7.6:1.

Результат

Измерили живой сайт

Замер 8 октября 2026 г. · главная страница, холодный кэш, медиана 3 прогонов, Chrome. Цифры — с нашего сервера, у посетителя зависят от его сети.

На ПК ПК 1440×900, без ограничений сети

Главный экран виден через
0,3 с
LCP
Страница готова к действиям
~0,3 с
DOMContentLoaded
Вес первой загрузки
573 КБ
40 запросов

На телефоне телефон 390×844, сеть 9 Мбит/с · 60 мс, процессор ×4 медленнее

Главный экран виден через
0,8 с
LCP
Страница готова к действиям
~0,5 с
DOMContentLoaded
Вес первой загрузки
456 КБ
32 запроса

Сайт целиком

Типов страниц
6
по маршрутам в коде сайта
Без горизонтальной прокрутки
320–1920 px
от маленького телефона до широкого монитора

Бренд-система и айдентика

Бренд, который живёт вне экрана

Логотип, цвета и шрифты взяты с самого сайта, кнопки — его настоящие. Ниже — знак, афиша, носители и сайт в руке.

Палитра · 4 цветов

  • Белый#FFFFFF
  • Поверхность#F6F6F5
  • Серый#6B6B6B
  • Текст#0A0A0A

Шрифтовая пара

Geist заголовки
Geist Mono текст и интерфейс

Кнопки сайта · стили сняты с живой страницы

Кнопки сайта: See work, Contact, All 11

Noa Keller — Значок и наклейки

NO. ① — Значок и наклейки

Noa Keller — Постер на бетоне

NO. ② — Постер на бетоне

Noa Keller — Визитки и блокнот

NO. ③ — Визитки и блокнот

Noa Keller — Сайт на телефоне

NO. ④ — Сайт на телефоне

Страница целиком

Весь сайт за пару секунд

Noa Keller: страница для ПК целиком
Noa Keller: мобильная версия целиком

наведите — обе версии прокрутятся до концалистайте — версии прокручиваются сами

По типу, формату и цене

Похожие работы

Следующий проект · ⑰ОСТОВ Бренд одежды →