Welcome to our monthly roundup of the latest and greatest trends in the world of web design.

There’s a bonus trend in the roundup this month. (Four trends rather than three…but you’ll have to find it!)

Our more obvious collection of trends are visual elements – skinny vertical design blocks, a shift to tiny logos and branding rather than the oversized center logos that have been popular for a while, and dark and moody design schemes.

The extra trend is more interactive; you’ll have to click through the examples to find it. (Good luck!)

Here’s what’s trending in design this month.

Skinny Vertical Elements

This might be the coolest looking trend in the roundup: Skinny vertical elements that add a fresh visual aspect to website projects. The space they occupy and the fact that they look different are engaging.

The only trouble can be with the conversion away from desktop sizes to smaller screen resolutions, but all of the examples below seem to handle that well.

It’s also a technique that can be used for different purposes.

Front Pourch Brewing uses a skinny vertical bar with icons on the left side of the screen to highlight navigation elements. On mobile, the yellow bar collapses into a bottom of the screen nav with a hamburger menu. (Bottom of the screen menus are great for ease of navigating and tapping elements.)

pourch

Fila Explore uses skinny vertical navigation elements on both sides of the screen that change the hero image when you hover over them. Each word is also clickable to go to another page. The UX is the same on mobile, albeit with a different aspect ratio.

fila

Amsterdam Ferry Festival uses a skinny vertical element on the left side of the screen with scrolling text to highlight an important event message. The area is also clickable and takes you to the call for entries listing in the scrolling text. It’s a different way to provide a scroller that isn’t at the top of the homepage. The placement is nice because it doesn’t detract from the rest of the design and the visuals could work equally well if it were removed. The placement and UX is the same on mobile, although it is a little harder to actually click/tap.

filmfest

Tiny Logos and Branding

It’s best practice to place your logo, brand, or website name in the top left corner of the design. It’s not a new idea and one that users understand. (Just don’t forget to make that logo your home button.)

But there is a shift that these logos and brand marks are getting smaller and smaller.

Part of it might be due to responsive design and how many website we are looking at on phones or small devices. A big honkin’ logo will surely get in the way.

create good content first and worry about creating brand loyalty after

But more, it’s a practice of subtlety. If your content is good and what users expect when they come to your website, a large logo or brand name isn’t always contributing to the design or content.

Think about it for a minute. None of the examples below are household names, but they are all well-designed websites that serve a purpose for a specific user group. Aside from major companies such as Coca-Cola, Google, or Amazon that everyone is familiar with, the brand is often secondary to what’s on display. This applies to websites that deal in ecommerce or provide goods or services and sites that are purely informational or for entertainment.

A big homepage logo never got anyone excited; create good content first and worry about creating brand loyalty after users have already connected with what you have to offer.

edesign

nira

video

Dark and Moody

Dark and moody website themes have a sleek look and aura of mystery that seems to instantly jump out. This trend really pops right now because light and white minimalism or bright, bold color palettes have been so dominant.

It makes dark themes stand out even more.

Each of these examples does it in a similar, but different way.

Warped Cigars uses a black and white theme with bold, beautiful typography. Images lack color and also have a bit of a black overlay to give more room to text elements and contribute to readability.

warped

Vandal uses a combination of intriguing images in dark lighting. Each looks like it was taken in a dark room. Images and a dark scheme are magnified with gold accents, lettering, and lines that create a regal feel of elegance and mystery.

vandal

Hype uses a fairly traditional dark scheme with a slider of images with a dark overlay for highlight text elements. Images are both color and black and white as the slider almost allows the dark, moody scheme to flip for a moment (depending on the image) and draw you back in for another glance. The image selections here also contribute to the moody feel of the website project.

hype

Conclusion

If you clicked through the examples above you might have uncovered another trend. There’s a growing number of websites using oversized cursor circles that help user discover interactive elements. Several of these examples use them and it’s starting to show up on all kinds of websites.

What you see is often a large circle that moves with the mouse on the screen. It might activate hover states of other elements or help you find fun divots to explore. And now that you are aware of this little goodie, take note of how often you are finding it when you browse the web.

165 comments

  1. Very nice post. I just stumbled upon your blog and wished
    to say that I’ve truly enjoyed surfing around your
    blog posts. After all I’ll be subscribing to your rss feed and I hope you write again very
    soon!

  2. Spot on with this write-up, I actually believe this amazing site needs far
    more attention. I’ll probably be back again to read more, thanks for
    the information!

  3. Hmm is anyone else experiencing problems with the pictures on this
    blog loading? I’m trying to find out if its a problem on my end
    or if it’s the blog. Any feed-back would
    be greatly appreciated.

  4. Thank you for the good writeup. It in fact was a amusement account it.

    Look advanced to far added agreeable from you! By the way, how
    can we communicate?

  5. Hi there! Someone in my Facebook group shared this site
    with us so I came to give it a look. I’m definitely enjoying the information. I’m
    bookmarking and will be tweeting this to my followers!
    Wonderful blog and brilliant style and design.

  6. What i don’t understood is in reality how you’re no longer really much more neatly-appreciated
    than you might be now. You are so intelligent.
    You know therefore significantly in relation to this matter, produced me in my view
    imagine it from a lot of numerous angles. Its like men and women are not fascinated
    unless it’s one thing to do with Lady gaga! Your personal stuffs great.
    Always take care of it up!

  7. It’s actually a nice and helpful piece of info. I am satisfied that you just shared this helpful information with us.
    Please stay us informed like this. Thanks for sharing.

  8. Having read this I thought it was really enlightening.
    I appreciate you taking the time and energy to put this short article together.
    I once again find myself personally spending a lot of time both
    reading and leaving comments. But so what, it was still
    worth it!

  9. Its not my first time to go to see this web page, i am browsing
    this site dailly and get fastidious data from here all the time.

  10. I got this website from my buddy who informed me about this web site and now this time I am visiting this site and reading very informative
    content at this place.

  11. Aw, this was an extremely nice post. Taking a few minutes and actual
    effort to generate a great article… but what can I say… I put things off a whole lot and never
    seem to get anything done.

  12. I’ve been browsing online more than three hours today, yet I never found any interesting article like
    yours. It is pretty worth enough for me. Personally, if all website owners and bloggers made
    good content as you did, the net will be
    a lot more useful than ever before.

  13. Thanks for any other informative web site. Where else may just I get that kind of information written in such a perfect means?
    I have a mission that I’m just now running on, and I have been at the glance
    out for such info.

  14. Hi my family member! I want to say that this post is awesome, great written and come
    with almost all important infos. I’d like to look
    more posts like this .

  15. Attractive section of content. I simply stumbled upon your weblog
    and in accession capital to say that I acquire in fact loved account your weblog posts.
    Anyway I will be subscribing to your augment and even I fulfillment you
    get right of entry to persistently rapidly.

  16. I’ve been surfing on-line greater than three
    hours as of late, but I never found any
    attention-grabbing article like yours. It is pretty value
    enough for me. Personally, if all webmasters and bloggers made good content as you probably
    did, the web might be much more helpful than ever before.

  17. Hey there outstanding website! Does running a blog similar to this require a great deal of work?

    I’ve virtually no understanding of programming but I had been hoping to
    start my own blog in the near future. Anyway, if you have any ideas or techniques for new blog owners please share.
    I know this is off topic nevertheless I just wanted to ask.
    Cheers!

  18. I simply couldn’t leave your site before suggesting that I extremely loved the usual info
    an individual supply to your visitors? Is gonna be back regularly to inspect new posts

  19. Wow, incredible blog structure! How long have you been blogging for?

    you made blogging look easy. The whole look of your site is excellent, let alone
    the content material!

  20. Awesome blog you have here but I was wondering
    if you knew of any message boards that cover
    the same topics discussed here? I’d really like to be a part of group where I can get comments from other experienced people that share the same interest.
    If you have any recommendations, please let me know. Thanks
    a lot!

  21. It’s in fact very difficult in this busy life to listen news on TV, therefore I only
    use the web for that reason, and get the hottest
    news.

  22. Undeniably believe that which you said. Your favorite
    reason seemed to be on the web the easiest thing to be aware of.
    I say to you, I certainly get irked while people think
    about worries that they plainly don’t know about. You managed to hit the
    nail upon the top as well as defined out the whole thing without having side-effects , people could take a
    signal. Will likely be back to get more. Thanks

  23. We are a bunch of volunteers and opening a new scheme in our community.
    Your site offered us with useful info to work on. You have done an impressive task
    and our entire group shall be grateful to you.

  24. Hello, I think your web site might be having internet browser compatibility issues.
    Whenever I take a look at your web site in Safari, it looks
    fine however, if opening in I.E., it’s got some
    overlapping issues. I simply wanted to give you a quick heads up!
    Aside from that, excellent site!

  25. I have fun with, cause I found exactly what I was taking a look for.
    You’ve ended my 4 day long hunt! God Bless you man. Have a great day.
    Bye

  26. hi!,I love your writing very a lot! share we keep in touch extra approximately your post on AOL?
    I require an expert on this house to solve my problem. Maybe that’s you!
    Looking ahead to look you.

  27. I was suggested this blog via my cousin. I’m no longer certain whether this publish is written by way of him as no one else
    understand such exact approximately my difficulty. You are incredible!
    Thank you!

  28. Magnificent items from you, man. I have bear in mind your stuff previous to and you are simply extremely magnificent.
    I actually like what you have obtained right here, really like what you are saying and the way in which you assert it.
    You make it enjoyable and you continue to take care of to keep it smart.
    I can’t wait to learn much more from you. This
    is really a wonderful website.

  29. I know this if off topic but I’m looking into starting my own blog and was curious what all is needed to
    get set up? I’m assuming having a blog like yours would cost
    a pretty penny? I’m not very web savvy so I’m not 100% certain. Any suggestions or advice would be greatly appreciated.
    Cheers

  30. I have to thank you for the efforts you have put in writing this website.
    I really hope to check out the same high-grade blog posts by you in the future as well.
    In fact, your creative writing abilities has motivated me to
    get my very own website now 😉

  31. What i do not understood is in truth how you are no longer
    actually much more well-liked than you may be now.
    You’re very intelligent. You understand therefore considerably on the subject of this matter,
    made me in my view imagine it from numerous numerous angles.
    Its like men and women are not interested unless it is one thing to do
    with Lady gaga! Your personal stuffs great. At all times care
    for it up!

  32. We are a gaggle of volunteers and starting
    a new scheme in our community. Your web site provided us with useful info to
    work on. You’ve done an impressive process and our whole neighborhood
    shall be thankful to you.

  33. Hello I am so excited I found your web site, I really
    found you by error, while I was searching on Bing for something else, Anyhow
    I am here now and would just like to say thank you for
    a remarkable post and a all round exciting blog (I also love the theme/design), I don’t have time to look over it all at
    the moment but I have book-marked it and also added
    in your RSS feeds, so when I have time I will be back to read
    a lot more, Please do keep up the great jo.

  34. Wonderful work! This is the kind of info that should be shared
    around the internet. Disgrace on the seek engines for no longer
    positioning this publish upper! Come on over and consult
    with my web site . Thank you =)

  35. I am really impressed with your writing skills and also with the layout on your blog.
    Is this a paid theme or did you customize it yourself?

    Anyway keep up the nice quality writing, it’s rare to see a great
    blog like this one today.

  36. You actually make it appear so easy together with your presentation however I to find
    this matter to be really something that I feel I might never understand.
    It kind of feels too complex and extremely
    wide for me. I am taking a look ahead for your subsequent put up, I will
    attempt to get the cling of it!

  37. Howdy! This blog post couldn’t be written any better!

    Reading through this article reminds me of my previous
    roommate! He continually kept preaching about this. I am going to forward this
    post to him. Fairly certain he will have a great read.
    Thank you for sharing!

  38. I think this is among the most significant info
    for me. And i am glad reading your article. But wanna remark on few general things, The
    site style is great, the articles is really great : D.
    Good job, cheers

  39. Greetings from Carolina! I’m bored to tears at work so I decided to
    browse your site on my iphone during lunch break.
    I enjoy the info you provide here and can’t wait to take a
    look when I get home. I’m surprised at how quick your
    blog loaded on my cell phone .. I’m not even using WIFI,
    just 3G .. Anyways, wonderful blog!

  40. I’ll immediately clutch your rss feed as I can not to find your
    email subscription link or e-newsletter service.
    Do you’ve any? Kindly let me realize so that I may just subscribe.

    Thanks.

  41. Excellent site you have here but I was curious about if you knew
    of any forums that cover the same topics discussed in this article?
    I’d really love to be a part of online community where I can get responses
    from other experienced individuals that share the same interest.
    If you have any suggestions, please let me know. Cheers!

  42. Magnificent beat ! I wish to apprentice while you amend your web site, how can i subscribe for
    a blog site? The account helped me a applicable deal.

    I had been tiny bit acquainted of this your broadcast provided bright transparent idea

  43. After exploring a handful of the articles on your website, I truly appreciate your technique of blogging.
    I bookmarked it to my bookmark site list and will be checking
    back soon. Take a look at my web site too and tell me your opinion.

  44. Hey I know this is off topic but I was wondering if
    you knew of any widgets I could add to my blog that automatically tweet my
    newest twitter updates. I’ve been looking for a plug-in like this for quite some time and
    was hoping maybe you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward
    to your new updates.

  45. I’m not sure why but this website is loading very slow for me.
    Is anyone else having this problem or is it a problem on my
    end? I’ll check back later and see if the problem still exists.

  46. magnificent points altogether, you just received a
    emblem new reader. What would you suggest in regards to your post that you
    made some days in the past? Any sure?

  47. Hmm it seems like your blog ate my first comment (it was
    super long) so I guess I’ll just sum it up what I wrote and say, I’m thoroughly enjoying
    your blog. I as well am an aspiring blog blogger but I’m still new to
    everything. Do you have any suggestions for first-time blog writers?
    I’d certainly appreciate it.

  48. Hi there, just became aware of your blog through
    Google, and found that it’s really informative. I’m gonna watch
    out for brussels. I will be grateful if you continue this in future.

    Many people will be benefited from your writing. Cheers!

  49. Hello! I know this is kinda off topic but I’d figured I’d ask.
    Would you be interested in trading links or maybe guest
    authoring a blog article or vice-versa? My site covers a
    lot of the same topics as yours and I feel we could greatly benefit from
    each other. If you are interested feel free to shoot me an email.
    I look forward to hearing from you! Terrific blog by the way!

  50. Right here is the perfect website for anyone who really wants to understand this topic.
    You know a whole lot its almost hard to argue with you (not that I personally would want to…HaHa).
    You certainly put a brand new spin on a subject which has been written about for a long time.
    Wonderful stuff, just great!

  51. Hello there! Quick question that’s totally off topic.
    Do you know how to make your site mobile friendly? My site looks weird when browsing from my iphone 4.

    I’m trying to find a template or plugin that might be able to fix this
    issue. If you have any suggestions, please share. Appreciate it!

  52. Heya i am for the first time here. I came across this
    board and I to find It really useful & it helped me out a lot.
    I am hoping to present something again and aid others like you helped me.

  53. Your style is really unique in comparison to other people I have read
    stuff from. Thanks for posting when you’ve got the opportunity, Guess I will just bookmark this web site.

  54. Hey there, I think your site might be having browser compatibility issues.
    When I look at your blog site in Safari, it looks fine but when opening in Internet Explorer, it
    has some overlapping. I just wanted to give you a quick heads
    up! Other then that, terrific blog!

  55. I’ve been browsing on-line greater than 3 hours lately, yet I never discovered any attention-grabbing article like
    yours. It is beautiful worth enough for me. Personally, if all web owners and bloggers
    made just right content material as you probably did, the net will probably be a lot more helpful than ever before.

  56. Whoa! This blog looks exactly like my old one! It’s on a completely different subject but it has
    pretty much the same page layout and design. Great choice of
    colors!

  57. Excellent goods from you, man. I’ve understand your stuff
    previous to and you are just too magnificent. I actually like what you have acquired
    here, really like what you’re saying and
    the way in which you say it. You make it enjoyable and you still care for to keep it smart.
    I cant wait to read much more from you. This is really a great web site.

  58. I’ve been surfing online more than 2 hours today, yet
    I never found any interesting article like yours.
    It’s pretty worth enough for me. Personally, if all website owners and bloggers made good content as you did,
    the internet will be a lot more useful than ever before.

  59. I like the valuable info you provide in your articles.
    I’ll bookmark your blog and check again here regularly.

    I am quite sure I’ll learn many new stuff right here! Good luck for the next!

  60. I believe that is one of the most vital information for me.
    And i am satisfied studying your article. But should
    remark on few normal things, The website taste is perfect, the articles is actually nice : D.
    Good activity, cheers

  61. Someone necessarily assist to make severely articles I’d state.
    This is the very first time I frequented your website page and
    thus far? I surprised with the analysis you made to
    create this particular publish extraordinary.
    Wonderful task!

  62. What i do not realize is in truth how you’re not actually much more neatly-preferred than you
    might be right now. You are so intelligent.
    You recognize thus significantly when it comes to this topic, made me in my opinion believe it from numerous various
    angles. Its like men and women don’t seem to be interested unless it’s one thing to accomplish with Lady
    gaga! Your individual stuffs nice. At all times maintain it up!

  63. Howdy very nice website!! Man .. Excellent .. Superb ..
    I will bookmark your site and take the feeds additionally?
    I’m happy to search out numerous useful info right here in the post, we want develop more techniques on this regard,
    thank you for sharing. . . . . .

  64. Hurrah! At last I got a blog from where I know how to really get helpful facts concerning
    my study and knowledge.

  65. Heya are using WordPress for your site platform?
    I’m new to the blog world but I’m trying to get started
    and set up my own. Do you need any html coding expertise
    to make your own blog? Any help would be really appreciated!

  66. Hi, i think that i saw you visited my blog thus i came to “return the
    favor”.I am attempting to find things to enhance my site!I suppose its ok to use a few of your ideas!!

  67. Hi there just wanted to give you a quick heads up and let you know a few of the images aren’t loading properly.
    I’m not sure why but I think its a linking issue.
    I’ve tried it in two different browsers and both show the same
    results.

  68. I have been browsing online more than three hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. In my view, if all website
    owners and bloggers made good content as you did,
    the net will be a lot more useful than ever before.

  69. Every weekend i used to pay a visit this web page, as i want enjoyment, for the reason that this this
    web site conations genuinely nice funny material too.

  70. Do you mind if I quote a few of your articles
    as long as I provide credit and sources back to
    your website? My blog is in the exact same niche as yours and my
    users would really benefit from some of the information you provide here.
    Please let me know if this ok with you. Regards!

  71. I will immediately grasp your rss as I can not in finding your e-mail subscription hyperlink
    or newsletter service. Do you’ve any? Please allow me realize so that I may subscribe.
    Thanks.

  72. Веб-площадка Joy casino начала деятельность на просторах отечественного интернета более 7 лет назад.

    Пользователям веб-сервиса предоставляется топовый
    программный продукт от популярных компаний.
    В коллекцию виртуальных развлечений вошли
    автоматы с барабанами и линиями, лайв-игры и пари на
    спортивные события.

  73. Ahaa, its good discussion regarding this piece of writing at this place at this website,
    I have read all that, so at this time me also commenting at this place.

  74. Its such as you learn my thoughts! You seem to understand so
    much approximately this, like you wrote the e book in it
    or something. I feel that you could do with a few p.c. to pressure the message home a bit, however instead of that, this is great blog.
    An excellent read. I’ll definitely be back.

  75. Thanks on your marvelous posting! I truly enjoyed reading it, you can be a great author.
    I will be sure to bookmark your blog and may come back in the future.
    I want to encourage you to continue your great job, have a nice weekend!

  76. I’m gone to inform my little brother, that
    he should also pay a visit this web site on regular basis
    to take updated from newest news update.

Leave a Reply

Your email address will not be published.