6 stunning website templates reflecting transparent overlays

6 Flares Twitter 0 Facebook 0 Google+ 5 StumbleUpon 1 Pin It Share 0 6 Flares ×

Overlays are quite common in the website designing trends these days. They inherently enhance the design aesthetics by impressively using the properties of transparency and opacity so that you add depth to the design and weight to the important content. The most common overlays types are transparent, semi-transparent, blurry, wrapped and fostered.

While designing the site with overlays one must be very careful as overdoing it will spoil the mood of the entire site. Let us check out some amazingly stunning transparent overlays website templates that reflect cool overlays.

Template 50622 – Business Responsive Joomla Template

Template 50622

This template has a theme designed my mainly three colors – blue, white and gray. The aquamarine overlay is beautifully presented at the front. The circles on the top slide have icons. During the mouse hover you will notice that the circle reverses its colors and displays text with important information above it.

Template 50507 – Security Pro Drupal Template with Gallery and Blog

Template 50507

This is a wonderful template with the kind of colors appropriate for a site attempting to make a bold statement. The top slide has red overlay with a white content resting above it. In the center you will find text panel with overlays in the lighter shade of red. Move down we see the lock with grey overlay effect. The theme is continued at the menu dropdowns, dates and rollovers.

Template 49524 – Billiards Drupal Template with Gallery and Blog

Template 49524

Examine clearly and you will find the transparent overlay treatment allowing a much larger picture with subdued web elements. The bottom section showcases the week’s champions in the form of a flexslider with captions. Different promotions are highlighted in the center slider which leads to another theme based page. It has transparent menu with green drop-downs.

Template 50603 – Business Responsive WordPress Theme


Template 50603

This transparent overlays website template portrays a professional feel with its semi -transparent overlay. The large image at the background presents a silent yet elegant looks demonstrating a business template. The gray panels in the center comprise of small icons in green circles. On mouse hover, these circles begin to rotate and the text panel changes its color and turns green.

Template 50532 – Magic Show Responsive WordPress Theme

Template 50532

This is a stylish template which perfectly balances the transparency and opacity of the theme. Everything from the semitransparent dark menu to the central icon images which turn opaque on mouse hover perfectly captures the magic theme. As you move down, you will find the colorful bottom images leading to the log post on mouse hover.

Template 50663 – Creative Personal Page Responsive WordPress Theme

Template 50663

Here is an overlay template which covers multitudes of design patterns .You can find images, textures, zoom and hover effects, transparent overlays and everything presented so beautifully in a grid structure. The gallery section displays transparent overlays with incredible hover effects which are available on one click.

Transparent overlays website templates not only beautify the design of your site but also let the key messages take the spotlight and remain highlighted. Use one in your new site and see its magic.

About Andrew Smith

has written 706 post in this blog.

Andrew Smith works as an editor for BestDesignTuts.com

  1. Kierani
  2. Kellie
  3. Kazuko

Leave a Reply

Your email address will not be published. Required fields are marked *


Get a Quote from Top Web Agency in the World