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.

Injecting colour into motone layouts?

Featured Replies

I have a monotone layout, and i want to add some subtle colour into it. I've added a few slight gradients to give it some depth but it still seems to be blande.

 

Anyone got any links to good sites that a pretty monotone. I've been browsing galleries for aaaaages!

I have a monotone layout, and i want to add some subtle colour into it. I've added a few slight gradients to give it some depth but it still seems to be blande.

 

Anyone got any links to good sites that a pretty monotone. I've been browsing galleries for aaaaages!

 

 

Could we see the layout and what it is based on?

 

Pweeeeeaase...

It would be nice to see the design before I comment but colourful icons can sometimes sort out bland designs if used correctly

I think the gradient on the top left is waaaaaaaaaaaaaaay to strong, but the one on the right is great. Your use of cerise pink is excellent.

  • Author

I'm considering changing the initial homepage design, i was thinking maybe some small icons and stuff but then i was thinking it might look a bit odd.

 

I'll post an image up, bear in mind it's a work in progress and i'm starting to hate it :/ (i think it's because i've been fiddling with it so long).

 

The menu's changed (it's now multi level, which i'm not too keen about). And the logo's probably gonna change, i did like it, not any more.

 

P.S ignore the humerous skull, that was just a poorly placed content fill ;PP

post-9337-1236257909_thumb.jpg

Nice design.

 

In all honesty the only thing i would do is add a border under each of the nav buttons, similar to the line under the logo, you could then also colour them to bring in the colouring you wanted.

actually i really like the skull can you not leave it in?

  • Author

I tried, it looked really wierd.

 

What i did do though, was when you mouse over the nav, the little black strip at the top changes colour over the selected menu item, although because i've switched for a more complex multilevel css menu, i'm having a few issues.

 

Although do i really need a multi level, is it good enough to just link to say the services page and then link from there to all the services?

 

P.S the skull was for a business card mock i did the other day, couldn't get the text right on it... but that bit on the homepage would be the featured content.

 

Also should that be static content (as it is now) or like a small slideshow to add some movement into the page?

I tried, it looked really wierd.

 

What i did do though, was when you mouse over the nav, the little black strip at the top changes colour over the selected menu item, although because i've switched for a more complex multilevel css menu, i'm having a few issues.

 

Although do i really need a multi level, is it good enough to just link to say the services page and then link from there to all the services?

 

I tend to try and stay away from multilevel unless absolutly necessary, a main services page with links leading from it would be fine imo.

  • Author

Your probably right, i'm just overly complicating things.

 

And all the nested .menu ul li a:hover ul li:a {blah} lines are driving me crazy, you modify one thing, and because of inheritance you have to rewrite the child elements... gah!

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.