Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Colours of this top header - can't get it quite right

Featured Replies

Hello,

I am in the process of redesigning our ecommerce store and am looking for some advice. The header on the attached image simply doesn't work with the colour scheme, the only thing that needs to remain is the red logo, all other colours can change within the header.

Can you offer any ideas on how to make this visually appealing?

 

Regards

 

kfp4.png

Could try a black-to-dark-grey gradient with a grid-like overlapping effect blended into it, or a lines effect instead of a grid. Here's one of my banners as an example of such grid/lines effect:

 

newlogo.png

 

Notice them to the left? Just an idea, there are a million others you could try. :)

  • Author

Could try a black-to-dark-grey gradient with a grid-like overlapping effect blended into it, or a lines effect instead of a grid. Here's one of my banners as an example of such grid/lines effect:

 

newlogo.png

 

Notice them to the left? Just an idea, there are a million others you could try. :)

Hello,

 

Thanks for the suggestion - ultimately though the site is for CCTV cameras and as such it's probably best left as plain as possible as to not draw too much attention towards the header. Just looking for some input on colour schemes for the header - i.e. coloured background with white/black text, dark background with white text, light background with dark text and if so what shades.

 

Thanks for the help

Hello,

 

Thanks for the suggestion - ultimately though the site is for CCTV cameras and as such it's probably best left as plain as possible as to not draw too much attention towards the header. Just looking for some input on colour schemes for the header - i.e. coloured background with white/black text, dark background with white text, light background with dark text and if so what shades.

 

Thanks for the help

 

...the idea behind the suggestion of a blended grid/line was to add a subtle effect to make it less bland, I didn't mean a wacky colour scheme.

 

But, good luck. :)

Edited by throzen

I think plain black would look very nice for this, you could also increase the height of the whole element a bit, to give it more space on top and bottom.Do those 2 things, and I think you'll see some nice results

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.