Vibe Theme for YOOtheme Pro
Just a few days after the release of YOOtheme Pro 1.6 we are happy to present to you our May 2017 theme Vibe. Apart from using the newest Pro features, like the Table and Countdown elements, it comes with a richer visual design and a focus on graphical details and modern effects. With its dark background, colorful gradients and subtle textures, Vibe is perfect for music artists, bands, DJs and of course all kinds of music related websites. But it can also be used for any other web project with its futuristic, dark style.
Vibe Style
The special Vibe style definitely catches your eye! This time, we decided to merge the popular Material Design principles with modern skeuomorphism – creating a hybrid of funky colors, smooth shadows, animations and textures on sections. Colorful gradients further emphasize some components.
Subtle Noise
Take a close look! Did you notice the grainy effect that is lying all over the design? We can now add an image that covers the entire page, but doesn't prevent you from accessing and clicking the content. To give Vibe a unique look, we chose this animated noise image.
Navbar Animation
Navbar items come with a fancy flickering animation to impart a more dynamic feel while using the navigation. We also implemented the option to add a gradient background to the navbar.
Hero Heading Animation
The Hero style for headlines inside the Builder features a glitch effect that animates colored text-shadows and makes your heading dance. You can fully edit this effect by modifying its text-shadows in the style customizer.
Bottom Shadow
A new setting in YOOtheme Pro and the latest addition in UIkit 3 is the bottom shadow option on images and videos. For Vibe theme we modified this to apply a large and colorful background glow, adding a cool three-dimensional look to elements on the website.
Enhanced Section Blend-mode
One of the best features of Vibe is the enhanced section blend mode. We developed a technique to tint background textures without having to use photo editing software. If your browser doesn't support blend-modes, it will fall back to the default section background colors.
Button Border Gradients
Additionally, UIKit 3 and YOOtheme Pro now support gradients for button borders.
Pro Elements
A couple of days ago we introduced YOOtheme Pro 1.6, including the new Table and Countdown elements. These have been fully styled and integrated into Vibe theme and come in really handy when displaying tour dates as well as the time remaining until the next album release.
Layouts
Vibe theme features 6 new layouts dedicated to music artists and band related content. The Home page provides previews for the sub pages with each section. On the Tour page, visitors can find upcoming events listed in the new Table element. Music displays the latest album release, including a tracklist and a history of past releases. The beautiful hero header on the Video page presents the latest video followed by a couple of featured video teasers. About introduces the band members and contains a photo gallery. The Booking page provides contact information that is specifically made for artists and bands. We collected a number of perfectly matching images for each page. They are free-to-use anywhere and whichever way you like. Once you decide to save a layout, you can either download or discard the images.
All pages have been added to the Layout Library, which means that you are able to use these and any of the previously released layouts with this and all other Pro themes.
What's next?
Of course, YOOtheme Pro 1.7 is in the making. Right now we are focusing on developing new elements and working off your wish list. The WYSIWYG editor was a much demanded feature, and we will keep adding more. In the meantime we would like to know what you think. So, as usual, post your feedback in the comments.
- Beautiful Vibe style
- 6 page layouts
- Great for personal websites
- Artist and music topic
- 41 lovingly curated and free-to-use images
- All these features are available in YOOtheme Pro
brokie
I am waiting for the slideshow in Pro!!
Whats your plan?
opensourcedesign
bogdan.sarpe
jo.sullins
stanislav.bushko
brucevalle
Best Regards!
ray.zoomodsplus.com
Many thanks! Great work Yootheme...
projektoliver
ronel.van.tonder.64
Just one question: Soundcloud integration? tried to add this quite recently and other than inserting an iframe (blech) there doesn't seem to be an answer.
With a music-focused theme like this, do you have any plans to add a nice, uber-cool integration with Soundcloud?
danny
ronel.van.tonder.64
ali.magomadov
Translated
Maybe next time, which will be under construction theme
progreccor
hamlin.gordon
danny
david.dahl
melanie.k
You‘re right! The fonts are a little large. With every style the font sizes vary, but we can't always adapt the Zoo demo content, because we use the same for all theme installations. You can for example use three columns instead of four to fix it.
hubert.mayer
sorry, this theme is really too special and only for musicians. The design is not really an innovation, like also the last template. Please come back and make elegant multipurpose Templates for more cutsomers and no Specials. I see this trend also by an other big Provider. 1001 Functions and the Designs lacks more and more...
I can't do anything with it.
Go Back to your Roots
Thank You
ryan.jones
Unless Daft Punk is your client I do not see this being useful.
dennisffm
melanie.k
We are trying to cover a wide range of topics and styles with YOOtheme Pro. After some research we decided to design Vibe for music related content, but of course it can be used for any other topic. We will keep adding new styles and layouts, so that content for basically any topic you can imagine will be available. And the great thing about YOOtheme Pro is that it allows you to just pick content pages or the style from a different theme. It is so easy to modify styles and the general design of the website to make it fit your needs.
melanie.k
thanks for your feedback. We always try to create innovative designs with every theme that we release. But if you can‘t find a use for this style you can still add another one to the new 6 layouts.
ronel.van.tonder.64
thanks.
olivia
markospatt
geeksonthebeach
I keep asking myself if and when a new monthly release will have the 6 different colour options available, like you used to have with Warp 7 templates?
I dearly miss the style-rich days when I could love more than one variation of the same theme. Do you plan on going back to this at any point, or is a single colour scheme with the 6+ page layouts the new norm?
Thanks,
olivia
In a few weeks, we'll add a style library where you can choose from dozens of styles and use each style with every release.
geeksonthebeach
Keep up the good work and thanks for the reply.
robbert
Nice work on this one guys :)
danny
michael.anlauf
markusb
It seems, that Pro has no real flexiblity for more. In my opinion, that's every month just a diferent Style of the same Theme.
With Warp 7, we got every month a innovative theme with 6 styles. Now we have since 7 Months only one Theme and every month a "looks-bit-different-content" style of the same boring Theme. Very sad.
olivia
Unlike Warp, YOOtheme Pro offers 6 new page layouts with every new, theme which show a great variety and flexibility to style your site.
Thanks to the modularity of YOOtheme Pro, there are lots of possibilities to create your own website and style.
hubert.mayer
sorry i agree with markusb. Not only the Functionality, also the Design is your turn. A elegant and multipurpose Template for more than a handful Customers. That is YT i know from the past. Nothing more and Nothing less.
olivia
stanislav.slanevskiy
dene.wilby
oystein.thune
1. A Multilevel mobilmenu like the one Joomshaper has where you can click on each level. If you have a website with a lots of submenuitems I can't use Yootheme because of the poor mobile navigation.
2. A software I can use for ordinary businesses. Not these Music, Personal Blog, Food, Travel... templates. I liked the Daft Punk comment :-)
The problem here is that there are no versatility in the header. The header is the same in every template. For instance, I may sometimes need an easy way to set the logo above the main menu and maybe add another menu in the top and some other things in the header that still looks good on in the mobile menu. It's the header that defines the website. All the things below the header I can make with any framework out there.
So the reason I renewed is not for these monthly templates. But I want software that give me more flexibility and versatility in the header/menu/mobile design for Joomla and I think you guys can make it happen...that's why I renewed.
akcreation
Mega Menu was the most requested feature for 'Warp 8' which of course became Yootheme PRO. For some reason this has gradually been moved down the list of priorities by Yootheme ( http://yootheme.com/support/question/103519) You can see on that thread it doesn't even have 'Medium' priority anymore!
But then we see things like a 'countdown element' being developed, which although this is nice, why is time being wasted on that instead of actually developing the things we asked for?
:(
sascha
We think, it's obvious that before we start with a mega menu, we need to create a similar feature set like we had in Warp 7 first. Like adding the missing UIkit components, the module builder, layout profiles, content provider, style library, etc. We think, most users would agree with that. And while we work on that, small stuff like the countdown element, will find it's way into YOOtheme Pro too.
sascha
brokie
Pro is not usefull for large template's with multy level menu.
A great missing and it must have priority number 1.
mike.dawson
My one request:
Is there a way to create a 'Master Page' like in InDesign, that has certain elements, that aren't widgets, laid out that can be updated across a site. It would be a massive time saver.
markospatt
mike.dawson
At least that's the way it looks like this works - please correct me if I'm wrong.
messagedj
dene.wilby
globalawakening
Good work!
globalawakening
site123.ca
Can you guys create more Warp 7 themes? Or are you moving completely away from this and if so, what is your reasoning behind it?
sascha
paulgreene