Marketing UI
Navbar
Website navigation bar with responsive design
Navbar 1
This design block shows a minimalist navigation bar, featuring a logo on the left, navigation links (Home, Products, About Us, Contacts) at the top, and a search icon on the right. The layout is clean and functional, with a focus on ease of use and clarity.
Navbar 2
This design block presents a similar minimalist navigation bar with a logo on the left, links to various pages (Home, Products, About Us, Contacts) in the middle, and a prominent 'Login' button on the far right. The layout remains clean and functional, designed for ease of navigation and access.
Navbar 3
This navigation bar features a prominent logo on the left, followed by the main links (Home, Products, About Us, Contacts) in the center. On the right side, there are additional options including 'How to Use', 'Careers', and 'Blogs'. A search icon and cart button are located at the far right for quick access.
Navbar 4
This navigation bar has a centered logo 'Semji' with a horizontal layout. The menu options are positioned on the left (Home, Products, About Us, Pricing, Blog, and Contact). On the right side, there's a search field for easy access to content.
Navbar 5
A clean and minimal navigation bar with the 'Semji' logo placed on the left. The navigation menu includes 'Home', 'Products', 'About Us', and 'Contacts'. A 'Login' button is placed on the right to encourage user interaction.
Navbar 6
A minimal horizontal navigation bar featuring a logo on the left, a central search bar with a magnifying glass icon, and user interaction icons on the right including calendar, notifications, messages (with red badges), and a user avatar.
Navbar 7
A dual-row horizontal navigation layout with a top row featuring the logo, main navigation links, a notification icon with badge, and user avatar, and a second row displaying sub-navigation links and a search input field with a magnifying glass button.
Navbar 8
A horizontal dashboard header with a welcome message on the left, a central search bar, and right-aligned icons including calendar, notifications, messages with badge counts, language selector, and user avatar.
Navbar 9
A simple horizontal navigation bar with the logo on the left, a centrally placed rounded search bar, and right-aligned icons for calendar, notifications, messages (all with red badges), and a user avatar.
Navbar 10
A horizontal navigation bar featuring a logo on the left, a set of navigation links with an active underline indicator, and right-aligned notification icon with badge, user avatar, and user info text (name and title).
Navbar 11
A dark-themed horizontal navigation bar with a logo on the left, main navigation links in the center, and right-aligned 'Login' text link alongside a prominent green 'Free Trial' call-to-action button.
Navbar 12
A balanced horizontal navigation bar with primary navigation links on the left, a centered logo, and right-aligned options for 'Sign in', 'Sign up', and a shopping cart icon in a purple button.
Navbar 13
A two-tier horizontal navigation bar featuring a logo and search input on the top row with notification and profile icons, and a second row with dropdown-enabled nav items, a highlighted 'Overview' tab, and a GitHub integration option on the far right.
Navbar 14
A horizontal navigation bar with a logo on the left, centered navigation links and a search bar accompanied by integration icons (GitHub, Slack, Miro), and a right-aligned prominent 'Get Started' call-to-action button.