Шапка сайта

45 компонентов

Шапка задаёт навигацию и главное действие на каждой странице. Для лендинга подойдёт чистая шапка с одной кнопкой или пилюли разделов; продукту — мега-меню; магазину и документации — шапка с поиском; кафе и студии — шапка с записью или поверх фотографии. У большинства вариантов есть мобильное меню — проверьте его в превью на ширине телефона.

Шапка сайта

NV002Шапка с пилюлями (Pill Rail Navbar)

NV003Чистая шапка с главным действием (Clean Navbar with Primary Action)

NV004Продуктовая шапка с мега-меню (Product Navbar with Mega Menu)

NV005Шапка магазина с поиском (Shop Navbar with Search)

NV006Шапка документации с поиском (Docs Navbar with Search)

NV007Шапка рабочего пространства (Workspace Navbar)

NV008Шапка поверх фотографии (Navbar over a Photo)

NV009Шапка бизнеса с записью (Local Business Navbar with Booking)

NV010Плавающая шапка из островков (Floating Island Navbar)

NV011Шапка каталога «что, где, когда» (What–Where–When Catalog Navbar)

NV012Редакционная шапка с крупным названием (Editorial Masthead Navbar)

NV013Полноэкранное типографическое меню (Fullscreen Typographic Menu)

NV014Вертикальная навигация студии (Vertical Studio Navigation)

NV015Симметричная шапка с центральным брендом (Symmetric Centered-Brand Navbar)

NV016Двухуровневая корпоративная шапка (Two-Level Corporate Navbar)

NV017Шапка события с билетами (Event Navbar with Tickets)

NV018Контекстная шапка статьи (Contextual Article Navbar)

NV019Нижняя мобильная навигация (Bottom Mobile Navigation)

NV020Шапка агентства с телефоном (Agency header with phone)

NV021Шапка ресторана поверх фото (Restaurant header over the photo)

NV022Шапка курса с ценой и прогрессом (Course header with price and progress)

NV023Шапка-островки фестиваля с кареткой и цветными точками (Festival island header with a glider and colour dots)

NV024Неоновая рейка навигации слева с доком на телефоне (Neon side rail navigation with a phone dock)

NV025Шапка приглашения в два яруса с монограммой и музыкой (Two-tier invitation header with a monogram and music)

NV026Шапка-посадочный талон с кодом рейса и музыкой (Boarding-pass header with a flight code and music)

NV027Шапка с гирляндой лампочек и выключателем снега (Header with a bulb garland and a snow switch)

NV028Шапка кофейни с живым статусом «открыто» (Café header with a live “open now” chip)

NV029Шапка подкаста с чипом «сейчас играет» (Podcast header with a “now playing” chip)

NV030Шапка open-source проекта с чипом звёзд (Open-source project header with a stars chip)

NV031Шапка личного сайта с чипом доступности и часами города (Personal site header with an availability chip and city clock)

NV032Шапка сайта приложения с «дышащим» лого (App site header with a “breathing” logo)

NV033Шапка AI-сервиса: плавающая стеклянная капсула с эквалайзером и живым индикатором созвона (AI service navbar: a floating glass capsule with an equalizer and a live call indicator)

NV034Шапка автосервиса с эмблемой и живым статусом бокса (Car service navbar with an emblem and a live bay status)

NV035Шапка ветклиники: прозрачная поверх хиро, живой статус «открыто» (Vet clinic navbar: transparent over the hero, live “open now” status)

NV036Шапка мастерской с логотипом-стеблем и рукописной пометкой (Workshop navbar with a stem logo and a handwritten note)

NV037Шапка бригады с пузырьком уровня и рулеткой-прогрессом (Crew navbar with a spirit-level bubble and a tape-measure progress bar)

NV038Шапка доставки еды с адресом, временем и корзиной-счётчиком (Food delivery navbar with address, ETA and a cart counter)

NV039Шапка языковой школы: лого с рукописной подписью и чипы языков (Language school navbar with a handwritten caption and language chips)

NV040Шапка необанка с лого-осью, «Войти» и «Открыть счёт» (Neobank navbar with an axis logo, “Log in” and “Open an account”)

NV041Шапка маркетплейса с поиском и корзиной, которая слушает событие (Marketplace navbar with search and a cart that listens to an event)

NV042Шапка API-сервиса с лампочкой статуса и кнопкой «Получить ключ» (API service navbar with a status lamp and a “Get a key” button)

NV043Прозрачная шапка гаджета: стекло при прокрутке и кнопка предзаказа (Transparent gadget navbar: glass on scroll and a preorder button)

NV044Шапка благотворительного фонда с рукописной пометкой и «Помочь» (Charity foundation navbar with a handwritten note and a “Donate” button)

NV045Шапка писателя: имя антиквой, солнце/луна и линия прочитанного (Writer's navbar: serif name, sun/moon and a reading-progress line)

NV046Прозрачная шапка поверх фото со стеклом при прокрутке (Transparent header over a photo that turns to glass on scroll)

Шапка с пилюлями (Pill Rail Navbar)

Чистая шапка с главным действием (Clean Navbar with Primary Action)

Продуктовая шапка с мега-меню (Product Navbar with Mega Menu)

Шапка магазина с поиском (Shop Navbar with Search)

Шапка документации с поиском (Docs Navbar with Search)

Шапка рабочего пространства (Workspace Navbar)

Шапка поверх фотографии (Navbar over a Photo)

Шапка бизнеса с записью (Local Business Navbar with Booking)

Плавающая шапка из островков (Floating Island Navbar)

Шапка каталога «что, где, когда» (What–Where–When Catalog Navbar)

Редакционная шапка с крупным названием (Editorial Masthead Navbar)

Полноэкранное типографическое меню (Fullscreen Typographic Menu)

Вертикальная навигация студии (Vertical Studio Navigation)

Симметричная шапка с центральным брендом (Symmetric Centered-Brand Navbar)

Двухуровневая корпоративная шапка (Two-Level Corporate Navbar)

Шапка события с билетами (Event Navbar with Tickets)

Контекстная шапка статьи (Contextual Article Navbar)

Нижняя мобильная навигация (Bottom Mobile Navigation)

Шапка агентства с телефоном (Agency header with phone)

Шапка ресторана поверх фото (Restaurant header over the photo)

Шапка курса с ценой и прогрессом (Course header with price and progress)

Шапка-островки фестиваля с кареткой и цветными точками (Festival island header with a glider and colour dots)

Неоновая рейка навигации слева с доком на телефоне (Neon side rail navigation with a phone dock)

Шапка приглашения в два яруса с монограммой и музыкой (Two-tier invitation header with a monogram and music)

Шапка-посадочный талон с кодом рейса и музыкой (Boarding-pass header with a flight code and music)

Шапка с гирляндой лампочек и выключателем снега (Header with a bulb garland and a snow switch)

Шапка кофейни с живым статусом «открыто» (Café header with a live “open now” chip)

Шапка подкаста с чипом «сейчас играет» (Podcast header with a “now playing” chip)

Шапка open-source проекта с чипом звёзд (Open-source project header with a stars chip)

Шапка личного сайта с чипом доступности и часами города (Personal site header with an availability chip and city clock)

Шапка сайта приложения с «дышащим» лого (App site header with a “breathing” logo)

Шапка AI-сервиса: плавающая стеклянная капсула с эквалайзером и живым индикатором созвона (AI service navbar: a floating glass capsule with an equalizer and a live call indicator)

Шапка автосервиса с эмблемой и живым статусом бокса (Car service navbar with an emblem and a live bay status)

Шапка ветклиники: прозрачная поверх хиро, живой статус «открыто» (Vet clinic navbar: transparent over the hero, live “open now” status)

Шапка мастерской с логотипом-стеблем и рукописной пометкой (Workshop navbar with a stem logo and a handwritten note)

Шапка бригады с пузырьком уровня и рулеткой-прогрессом (Crew navbar with a spirit-level bubble and a tape-measure progress bar)

Шапка доставки еды с адресом, временем и корзиной-счётчиком (Food delivery navbar with address, ETA and a cart counter)

Шапка языковой школы: лого с рукописной подписью и чипы языков (Language school navbar with a handwritten caption and language chips)

Шапка необанка с лого-осью, «Войти» и «Открыть счёт» (Neobank navbar with an axis logo, “Log in” and “Open an account”)

Шапка маркетплейса с поиском и корзиной, которая слушает событие (Marketplace navbar with search and a cart that listens to an event)

Шапка API-сервиса с лампочкой статуса и кнопкой «Получить ключ» (API service navbar with a status lamp and a “Get a key” button)

Прозрачная шапка гаджета: стекло при прокрутке и кнопка предзаказа (Transparent gadget navbar: glass on scroll and a preorder button)

Шапка благотворительного фонда с рукописной пометкой и «Помочь» (Charity foundation navbar with a handwritten note and a “Donate” button)

Шапка писателя: имя антиквой, солнце/луна и линия прочитанного (Writer's navbar: serif name, sun/moon and a reading-progress line)

Прозрачная шапка поверх фото со стеклом при прокрутке (Transparent header over a photo that turns to glass on scroll)