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