Tomsen Brody Theme for YOOtheme Pro

Susann
February 8, 2019
Themes

This month we are proud to present our new business theme Tomsen Brody. It makes use of our brand new SVG animations which give the site a dynamic look. With its bold style and striking colors, Tomsen Brody is perfect for logistics, distribution services and other related websites. Take a look for yourself.

Tomsen Brody Style

Our February theme has a bold style with a line-patterned background. Heavy typography emphasized by underlines contrast with fine lines in the background. Colored sections bring focus to important parts of the page and draw the attention of your visitors.

Style

Style Variations

Tomsen Brody comes with 6 different styles. With one dark and five white styles you can choose what works best for you.

SVG Parallax Animations

In this release we focused on animating SVG images. The UIkit Parallax component can now be added to SVG elements like rect, circle and path. Of course, the SVG image has to be injected into the markup as an inline SVG. This option is available for all image fields in YOOtheme Pro. Here is an example on how an SVG looks like with the Parallax component:

<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="0" width="10" height="10" uk-parallax="rotate: 360"/>
</svg>

SVG Stroke Animations

We also added an option to YOOtheme Pro to animate strokes when the SVG enters the viewport. The effect looks like the SVG strokes are drawn before your very eyes.

Handmade Illustrations and Icons

We put a lot of effort and handcrafted illustrations and icons specifically for our Tomsen Brody theme. All illustrations are outlined, which means they will look great on any background and with any style. Of course, you can style them with CSS as well.

Layouts & Topic

Tomsen Brody offers you 8 different layouts. The Home page briefly introduces the website, the services and products it offers. A highlight of the Products page are animated illustrations of the product types. There is a services page Ocean Freight with a nice-looking video in the background. Full Container Load is a case study page where you can find an accordion element used for FAQs. An obligatory About Us page with the company's history, team and philosophy is not missing as well. Here you will find a popover element used for locations. There is also a Sustainability page that shows company's goals. Here you will find an animated windmill illustration. Another obligatory page, Contact is inverted and has an extra footer in a secondary style. As any serious company, Tomsen Brody also has an Imprint page. As you can see, Tomsen Brody has everything you need for a business website.

Free Quality Stock Images

Tomsen Brody comes with 38 lovingly curated and free-to-use images. Take a look at some of them below. These images can be found in the Tomsen Brody collection in the Unsplash library.

38 lovingly curated and free-to-use images