SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

35 Website Layouts using Fixed Header Bars

December 30, 2014 by Jake Rocheleau

Users often feel quite divisive on the subject of sliding navbars. It has also become a sizable topic of debate amongst designers. Yet it seems that aside from ongoing quarrels the fixed heading navbar is here to stay. It’s an easy technique to recreate and it can be designed in such a wide array of distinct styles.

The following showcase includes 35 brilliant examples of fixed sliding header bars. Some designs are fixed from the very top of the page while others slowly fade into a sliding display. The unique qualities of this trend make it worthy of consideration for any topbar navigation. If you know any other websites we missed feel free to share in the comments area below.

Mint Design Company

mint design company handdrawn graphics

Stereo Creative

stereo creative fullscreen website

Underbelly

underbelly creative agency website layout

Pushh

pushh app website landing page

Raise the Roof

raise the roof website layout design

Graz Secrets

graz secrets iphone app landing page design

Editd

editd scrolling navigation bar header ui

Grovemade

grovemade website wooden products fixed nav

Drew Wilson

drew wilson personal portfolio website layout

Kitchen Sink Studios

kitchen sink studios website inc layout

Krista Ganelon

krista ganelon visual designer portfolio

Userbrain

userbrain website creative agency inspiration

Marlon Messam

marlon messam web designer ui layout

Rule of Three

rule of three copywriters design agency homepage

Jaquet Droz

jaquet droz dark scrolling header navigation

Ditto

ditto designer glasses website layout navigation

Rodolphe Celestin

rodolphe celestin graphic design homepage

Inspiration Dormant

dark webstie layout inspiration dormant design

Campbell Creek Mini Storage

campbell creek mini storage website layout

Electro Chuck

electro chuck iphone app game landing page

Bigeye

bigeye advertising creative agency website

Under Armour

under armour website english layout

Ibsens Fabrikker

ibsens fabrikker clean fixed scrolling navigation

Touchtech

touchtech green simple layout design

Dazed Magazine

dazed and confused magazine website layout

Make Better Apps

make better apps homepage layout design

Hatbox

dark hatbox website creative agency layout

Handiemail

handiemail homepage navigation scrolling bar

Stinkdigital

stink digital website dark inspiration layout

Re/code

recode red technology news layout inspiration

Solid Soup

solid soup creative studio agency

Overlapps

overlapps red homepage layout design inspiration

Polygon

polygon fixed header navigation design

Framer.js

framer open source javascript library website

Yummygum

yummygum website layout inspiration design homepage

Here are some other related galleries:

20 Great Examples Of Icons In Navigation Design

33 Freebie PSDs for Website Menus and Navigation Bars

Author: Jake Rocheleau

Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau

Filed Under: Showcase Tagged With: fixed header, gallery, inspiration, navigation, web design

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021