Summit Theme for YOOtheme Pro

Franziska and Susann
August 21, 2018
Themes

This last summer month we have decided to bring you something special. Summit – our August theme, is a business theme on eLearning and coaching. It has a clear design with complex illustrations and a recognizable style full of hand-drawn details. Its 7 layouts, 6 styles and free-to-use images provide you with everything you need for your eLearning and coaching related website. Let's dive into it.

Summit Style

Summit has a distinguishable marker style. Its clean and organized design gives your website a modern and professional look, and small details in a vibrant color emphasize particular parts of your content irresistibly drawing the attention of your visitors. Additionally, handmade illustrations and wavy SVG background images add an individual and unique look to the website.

Style

Style Variations

Summit comes with 6 different styles. You will find both subdued and bold colors, so choose the one that suits your website best.

Border Style

We also updated the border style in our new theme to fit the overall look of the website. The buttons and panels look hand-drawn and as if they were underlined with a marker, which makes the business style look fun and interesting.

Border Style

Other Style-Specific Features

Our designers didn't stop here. Summit has individual icon buttons, button text, pagination, accordion icons, tabs, all types of navigations and dividers. All these elements fully correspond to the overall look of the theme and make up a unique style.

Handcrafted Illustrations

Thanks to the integrated Unsplash library, finding images is now easier than ever. However, illustrations are quite different. For that reason, we put a lot of effort and invested some time into creating handcrafted clean SVG illustrations specifically for this theme. They perfectly fit the education topic and will not only show your creativity but also make your website stand out.

And the best part is that YOOtheme Pro now offers an option for Grid, Panel, Image and List elements to make SVGs stylable with CSS. You can change fill and stroke colors of these illustrations, and they'll work perfectly with all styles.

Handmade Icons

In addition to illustrations, Summit also includes 12 handcrafted icons, which you can freely use for your website.

Custom Background

We also added some custom backgrounds in the form of color blended asymmetrical bubbles to give a website a touch of interconnectedness and playfulness.

Background

Section Overlap

Summit has a specific section overlap image. The two-colored transitions have a waveform design that complements the custom background. With this option your sections will definitely catch the eye.

Overlap Section

Layouts & Topic

Summit is a business theme with 7 different layouts. The Home page briefly introduces the company, its services and clients. As a nice detail on this page, two Slider elements are used to present different courses. The About page focuses on the company's aims and values and the team. Here you will also find an example of a nice-looking Masonry Grid. Training is a services page that gives an overview of the available coaching programs. Design Sprints explains one of the services in detail. eLearning shows the available courses in a neat Masonry Grid with filter. You will also find the pricing options here. The second case study page Course describes one of the courses. The obligatory Contact and News pages are not missing either. As you can see, Summit is a perfect example of a business and education themed website.

Free Quality Stock Images

Summit comes with 46 lovingly curated and free-to-use images. Check some of them below. You can always download any of the images or illustrations from this theme in the Summit collection in the Unsplash library.

46 lovingly curated and free-to-use images