Fjord Website

Powered by YOOtheme Pro

Fjord Website for YOOtheme Pro

One day after the release of YOOtheme Pro 1.3 we'd like to present to you our newest website Fjord. Apart from all the newest website builder features, it comes with a richer design and some enhanced Pro elements. With its vibrant colors, subtle gradients and textures, Fjord is perfect for magazine-like travel and adventure themed websites, but can also be used for any other web project.

Fjord Style

Like all websites, Fjord comes with its own style. This time, we decided to merge the popular Material design principles with modern skeuomorphism – creating a hybrid of fresh colors, smooth shadows and textures on sections. Subtle gradients enhance the Button, Card, Overlay and Section components.


Background Textures and Overlap Images

Recently we released UIkit 3, which comes with a bunch of brand new features that find application in this website. Two of these are the background textures and overlap images for the Section component. Using SVG images, which include background patterns and are dyed automatically by UIkit for each section style, sections can be overlapped. Background textures add a haptic look. For this release we added a subtle noise grain pattern and a grungy frayed style for the overlap images, which perfectly fit the Fjord style and topic. The overlap image option can be enabled and disabled for every section inside the builder.

Overlap Image


Fjord features 7 new layouts dedicated to travel and adventure related content: the Home page with a magazine like overview, two Destination pages, two Case studies containing travel journals and advice, a Resources page with a FAQ and the About as well as the Stories layout with the usual blog articles. We have collected a number of perfectly matching images for each page. These are free-to-use, which means, you can use them anywhere you like whichever way you like. Once you are saving a layout you can either download or discard the images.

All these pages have been added to the new Layout Library and you are of course able to use any of the previously released layouts in this website as well.

Enhanced Pro Elements

We improved two essential Pro elements for Fjord. The Panel element now supports a meta field for subtitles or secondary information display and the content now also features a larger text style. In addition, you can select the meta position, style and margin.

The all new Grid element features the same options as the Panel element for its items, like title, meta, content, image and link display options. This means, you are able to create wonderful and dynamic layout constructs by combining the Row layout with the Grid column options.

What's Next

Fjord uses the full features of YOOtheme Pro 1.3 and UIkit 3. In case you missed it before, we just released our new and improved UIkit documentation, including a better structure, copy-paste ready markup examples and CodePen links for every component. We are now working on adding more and advanced features.

Of course, we keep developing YOOtheme Pro, so you won't have to wait long for version 1.4 with even more features. Let us know what you think so far and post your feedback in the comments below.

  • Beautiful Fjord style
  • 7 page layouts
  • Great for magazine websites
  • Travel and Adventure topic
  • 82 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 (25)

  • bogdan.sarpe


    | Profile |
    Very nice!!!
  • arthur.rosa


    | Profile |
    So beautifull. The best theme ever!
  • ray.lawlor


    | Profile |

    "Rational Geographic"... ! Priceless! :D
  • emmanouil


    | Profile |
  • cabinetstore


    | Profile |
  • websitecolors


    | Profile |
    Awesome ;)
  • joshgilson


    | Profile |
    You've caught my interest with this one + 1.4
  • e.manuel


    | Profile |
    I like the new features, the colors and everything. Really nice theme. Looking forward to see whats next.

    Just two things:
    - the german translations are not completed, right? There are several words and sentences which are not yet translated, or is that on my local installation only (?)
    -Sry this one might be stupid, but how did you assign a header image to the blog. Have tried this with widgets and the builder (category) as well. How can I assign a widget to just a specific page (I really dont want to show a widget on all dynamic pages), the builder itsself tells me, its not usable for dynamically generated pages like categories? How did you achieve this?
    • danny


      | Profile |
      Hi, we are currently using Advanced Module Manager for Joomla and Jetpack for WordPress, if you have the issue for WP, you can either fix this by activating the jetpack plugin by using your account or by following this little guide in the second paragraph but we are currently also working on a bettet solution and a FAQ for yootheme pro, too :)
  • farper


    | Profile |
    Simply. Stunning!
  • florianwachter


    | Profile |
    looks like you are on a good way. the first theme since 3 month that makes me really "wow". thank you.
    btw... bjorn loodbrok... just laughed so much :) - like it
    • danny


      | Profile |
      Hehe thanks, nice to see that someone get the little hidden allusions, this time Vikings and in Dolce Vita it were the Assassins Creed main characters, in Avanti Fallout 4 address, Terminator and Two and a half men characters :P
  • ray.lawlor


    | Profile |
    I have to say... YoothemePro is really coming together now...

    I spent last night simply playing with it and managed to knock out 2 fully fledged sample websites in 4 1/2 hours.

    I know there's been scepticism around Yootheme Pro, but actually, you've knocked it out of the park guys.

    My only hope, as a 3rd party ZOO developer, is that you find a way to do frontend ZOO submissions that allow us to "build" a blog/directory page using those awesome Yootheme Pro tools.

    Ideally, I'd like to sit down with a client and show them how to use the "builder" for a blog post, or a directory listing etc.

    We've had the layout builder" drag n drop in the backend of ZOO for a long time, it would be nice to have the drag n drop in submission.
    • florin


      | Profile |

      I hope we'll get such a flexible YoothemePro builder for ZOO soon!
  • simon.kloostra


    | Profile |
    Well, it took a while, but this one is nice.... Only in Firefox the menu is buggy, the items drop halfway outside the navbar
    • artur


      | Profile |

      this will be fixed in the next release.

  • jakob.gede


    | Profile |
    I like the new style! Very nice!!!
  • akcreation


    | Profile |
    this looks beautiful guys - big well done to you this month :)
  • josh.terrell


    | Profile |
    Looks like on Wordpress, the stories widget is active on all pages in the top position and there is an assigned image background in the top position as well. Not sure if this was on purpose or not. You can see what I mean here:

    Aside from that this looks fantastic. Great job!
    • e.manuel


      | Profile |
      Danny answered, that yootheme control the widget visibility by using the Advanced Module Manager for Joomla or the Jetpack Plugin for WordPress. This way they can assign widgets/modules to specific pages. By now this seems to be the only way to control the visibility of widgets/modules for dynamic pages, but they are currently working on a better solution .
      • josh.terrell


        | Profile |
        So that is why they started including jetpack in the package by default. I did confirm that once you activate it and connect to your account, the widget assignments function as expected. I had no idea the theme relied on jetpack features. You might want to disclose that prominently somewhere so people are aware.
  • claes.norin


    | Profile |
    Really nice design! Finally we are starting to see the power of UIkit 3 and YOOtheme PRO!

    Here is how Fjord template looks like with VMuikit / Virtuemart -
  • oldenglish415


    | Profile |
    Great work!!! So excited for this one!!!
  • carlos.durand


    | Profile |
    Great theme! , but how can i add a blog content? like the older way?

Leave a comment

Please login to leave a comment.