YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Vibe Theme

Powered by YOOtheme Pro

May
02
Vibe Website 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 of the components.

Style

Subtile 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.

Subtile Noise

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.

Navbar Animation

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.

Heading Hero Animation

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.

Bottom Shadow

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.

Enhanced Section Blend-mode

Button Border Gradients

Additionally, UIKit 3 and YOOtheme Pro now support gradients for button borders.

Button Border Gradients

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.

Pro Elements

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

Joomla Demo WordPress Demo

By Danny | | Posted in Themes

Comments (52)

  • brokie

    brokie

    | Profile |
    Great template!
    I am waiting for the slideshow in Pro!!
    Whats your plan?
    • patrick.faasse.70

      patrick.faasse.70

      | Profile |
      Yes, and index.php override and filter on grid... basically UIkit 3 finished (rather than a countdown element). Let's get the basics finished "first" after 6 months of Pro release .....
    • brucevalle

      brucevalle

      | Profile |
      The slideshow would be very urgent, priority. PLEASE!

      Best Regards!
  • ray.lawlor

    ray.lawlor

    | Profile |
    Wow!! I was just wondering about when we'd see a dark background theme.. and bam! :)

    Many thanks! Great work Yootheme...
  • projektoliver

    projektoliver

    | Profile |
    Good job, very nice!
  • ronel.van.tonder.64

    ronel.van.tonder.64

    | Profile |
    Oooh, delicious, thank you!

    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

      danny

      | Profile |
      Honestly we really thought about this feature a few times but in the end we didn't had a own playlist and could not customize the style as we wanted to. So we decided to not add a soundcloud element yet but it is not out of the question to develop such an element and many other in the future :) If you would like to add a soundcloud player for yourself, search for "SoundCloud Widget API Playground" :)
      • ronel.van.tonder.64

        ronel.van.tonder.64

        | Profile |
        Thanks for the feedback!
  • ali.magomadov

    ali.magomadov

    | Profile |
    А может в следующий раз, дизай будет под строительную тематику

    Translated
    Maybe next time, which will be under construction theme
  • hamlin.gordon

    hamlin.gordon

    | Profile |
    I want to love this theme but one would think a music focus theme would come with a AUDIO ELEMENT I was very surprise when I clicked on sample and nothing happen, this is a missed opportunity if you ask me.
    • danny

      danny

      | Profile |
      Many thanks for your feedback :) As we continued to research other artist, band and music websites we noticed that most of them directly link to one of the famous shop websites where you can listen to samples and purchase the music or they directly link to their soundcloud/spotify playlists/tracks. But like I said in a comment above we will not stop working on new elements for Pro and a audio element sounds pretty good indeed ;)
  • david.dahl

    david.dahl

    | Profile |
    The ZOO page (on the Joomla demo) looks pretty bad. The 'App for Every Purpose' boxes are differing heights and the word 'documentation' is running off the side of its box as well.
    • melanie.k

      melanie.k

      | Profile |
      Hey David!
      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

    hubert.mayer

    | Profile |
    Hello Yootheme,

    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

      ryan.jones

      | Profile |
      +1

      Unless Daft Punk is your client I do not see this being useful.
    • dennisffm

      dennisffm

      | Profile |
      ...exactly what i'm thinking. Which audience do you made this for Yootheme? Like hubert.mayer said, we only have one template a month, we need "elegant multipurpose" and plain themes that you made once with for example Nano 3, Katana etc...not unuseful exotic themes like that which doesn't fit for any customer in 10 years.
      • melanie.k

        melanie.k

        | Profile |
        Hey Dennis

        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

      melanie.k

      | Profile |
      Hello Hubert,

      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

    ronel.van.tonder.64

    | Profile |
    Hi there, I just updated and can see the Style, but there are no new layouts available for this theme. Am I doing something wrong? I have version 1.6.3

    thanks.
    • olivia

      olivia

      | Profile |
      You're right! We are working on it. Should be available today or tomorrow!
  • eduardo.vaccari

    eduardo.vaccari

    | Profile |
    Awesome
  • geeksonthebeach

    geeksonthebeach

    | Profile |
    Looks great Yoo guys!

    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

      olivia

      | Profile |
      First of all: many thanks!

      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

        geeksonthebeach

        | Profile |
        Awesome, I am super excited for that.

        Keep up the good work and thanks for the reply.
  • robbert

    robbert

    | Profile |
    'Knaack Club'?! You better be playing some metal in that club, Danny!

    Nice work on this one guys :)
    • danny

      danny

      | Profile |
      Thanks alot :) Of course hehehe, I guess most of the members don't like Daft Punk at all... ;)
  • michael.anlauf

    michael.anlauf

    | Profile |
    "Enhanced Section Blend-mode" seams this technic triggers the fans of my laptop.
  • markusb

    markusb

    | Profile |
    Besides all that blinky and fancy color stuff, that's a theme like all other Pro. A sticky navbar on top, a section made with Page-Builder, a footer. That's it.

    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

      olivia

      | Profile |
      With every YOOtheme Pro release, there are new elements added. Read more about it in our latest blog post "YOOtheme Pro 1.6 released". In the near future, we'll also add a style library where you can choose from dozens of styles and use them in your site.

      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

        hubert.mayer

        | Profile |
        Hello Olivia,

        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

          olivia

          | Profile |
          Vibe is orientated towards newest design trends. After a long time we decided to release a dark theme again, also for the reason that lots of customers asked for this.Of course it's not possible to meet everyones taste with every theme but we're aiming to satisfy different customer groups, so I really hope the coming themes will rather match with your preferences.
  • stanislav.slanevskiy

    stanislav.slanevskiy

    | Profile |
    I've broken my eyes
  • oystein.thune

    oystein.thune

    | Profile |
    I renew my Yootheme license I hoping for two things.

    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

      akcreation

      | Profile |
      I agree with you.
      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

        sascha

        | Profile |
        You are comparing apples to oranges. The countdown element is a tiny, little addition which, we though, fits great with our latest music topic. The mega menu is a whole different story. No developer time was wasted here and it didn't delayed the mega menu by any day.

        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

      sascha

      | Profile |
      That's all on our todo list ;-)
  • brokie

    brokie

    | Profile |
    I agree also with you.
    Pro is not usefull for large template's with multy level menu.
    A great missing and it must have priority number 1.
  • mike.dawson

    mike.dawson

    | Profile |
    Really loving Yoothem Pro now, each release makes it just work wonderfully.

    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.
    • eduardo.vaccari

      eduardo.vaccari

      | Profile |
      Why don't you create the layout with the elements you want and then save it in the library? Then in each page you load the layout... It's not the same as InDesign but you can have use the libraries in your workflow.
      • mike.dawson

        mike.dawson

        | Profile |
        Yep, that's a good way to replicate the pages. However, it does mean that to modify each page you need to visit each page and update either a section or the whole page.
        At least that's the way it looks like this works - please correct me if I'm wrong.
  • messagedj

    messagedj

    | Profile |
    Template stammers during scrolling... feels like a device with a bad processor even though i am working on an brand new 27'' iMac
    • dene.wilby

      dene.wilby

      | Profile |
      I'm not a big fan of the design this month but the scrolling is as smooth as silk for me. Maybe a browser issue?
  • globalawakening

    globalawakening

    | Profile |
    Love this. It's incredibly versatile — I don't understand why an earlier commenter said it's too specialized — as I'm looking at two separate events that this would work for. Even with a lot of the built in styling you've done on this demo, it would be useful for a lot of different clients.

    Good work!
    • globalawakening

      globalawakening

      | Profile |
      Also, I have to give props to the designer this month: I love your use of Fira Sans! And, even better, all the Dragonball references are awesome!
  • site123.ca

    site123.ca

    | Profile |
    Does anybody else find that Warp 7 was WAYYYY more flexible than Yootheme Pro? i absolutely loved working with widget areas and having so much flexibility. You guys didn't stay with Warp 7 very long and decided to reinvent the wheel with a page builder that is nowhere near the level of existing page builders. There are so many features that you left out on YooTheme Pro from Warp 7. In fact, i have not used 1 Yootheme Pro theme yet for a client because everytime i convince myself to just try it again, i realize the same thing every time... i feel like my hands are tied using any other themeforest theme out there....

    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

      sascha

      | Profile |
      You missed the opportunity to let us know which features we left out. As far as we know, it's all on the todo list and coming very soon. So please tell us if something else is missing.
  • paulgreene

    paulgreene

    | Profile |
    Sorry, although I see the effort on this template, I can't aply it to any client I have. Need more like a News website... Revista was fantastic. You have gone to stone white to all dark, may be it's time for something in between! Thanks. Hoping June is my luck.

Leave a comment

Please login to leave a comment.