{"id":6732,"date":"2014-01-27T16:35:17","date_gmt":"2014-01-27T23:35:17","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=6732"},"modified":"2014-01-27T16:35:17","modified_gmt":"2014-01-27T23:35:17","slug":"skyline-vs-super-flat-the-key-differences-between-our-two-newest-styles","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/skyline-vs-super-flat-the-key-differences-between-our-two-newest-styles\/","title":{"rendered":"Skyline vs Super Flat: The key differences between our two newest Styles"},"content":{"rendered":"

Over the last few months we\u2019ve launched two of our best and most flexible Styles yet: Skyline<\/a> and Super Flat<\/a>. In conjunction with our Style Designer<\/a>, both of these Styles enables users to achieve a customized look, unique to each website. But what makes these Styles most interesting is what makes them different.<\/p>\n

Skyline<\/strong>
\nThe main feature of Skyline, setting it apart from Super Flat, is the ability to have greater control over the \u201cheader\u201d of your website. The header comprises of a few key elements: your website\u2019s name or logo as well as its navigation.<\/p>\n

With Skyline, you have the ability to change the header\u2019s alignment, making it easy to align your logo to the left, right, top or bottom of your page. In addition, Skyline automatically adjusts the positioning of the navigation to fit perfectly with your logo alignment. Take a look at the examples below:<\/p>\n

Header alignment left:<\/strong><\/p>\n

\"Skyline
\nHeader alignment top:<\/strong><\/p>\n

\"Skyline
\nHeader alignment right:<\/strong><\/p>\n

\"Skyline
\nHeader alignment bottom:<\/strong><\/p>\n

\"Skyline<\/p>\n

 <\/p>\n

With Skyline, not only are you able to change the header alignment, you also have full control over the Header Padding and Width as well. These properties allow you to set the dimensions of your header, and how much space will surround it. If having full control over the positioning of your logo and navigation is what you seek, Skyline is the perfect choice.<\/p>\n

Super Flat<\/strong>
\nIf design inspiration is what you need when building your site, Super Flat is the Style for you. With 17 preset \u201cThemes\u201d you can easily change the whole look and feel of your website in just one click.<\/p>\n

A \u201cTheme\u201d in essence is the skin of your website, changing the colors, fonts, and backgrounds site-wide, thus providing a cohesive look and uniform design. Super Flat\u2019s coordinated color palettes and font pairings have been carefully selected to compliment each other, grabbing your visitors\u2019 attention. These Themes are a useful feature if you struggle in the selection of colors or fonts.<\/p>\n

Take a look at the examples below, where two different themes have been applied to the same website, completely changing its look and style.<\/p>\n

\"Super
\nThis Theme uses a stunning background image coupled with the calming colors and clean fonts, transforming the website.<\/em><\/p>\n

\"Super
\nBold colors and fonts are used in this Theme to create a striking design.<\/em><\/p>\n

Although Super Flat has 17 preset themes, it is worth mentioning that you can still use the Style Designer to select specific properties on all of our Style templates. Selecting a color can be done by using a hex color code or by picking one on the color palette.<\/p>\n

Refining colors and fonts<\/strong>
\nHave some difficulty deciding with font and color choices? Skyline features Style Designer Basic Mode<\/a> allowing you to click through a variety of presets making your choices a bit easier. Finally, matching your banner to a color scheme<\/a> is also something you can do with our Styles<\/p>\n

Now that you know the key differences between our two newest Styles, try them out<\/a> to see which works best with your business branding. Your site\u2019s transformation will surprise you.<\/p>\n","protected":false},"excerpt":{"rendered":"

Over the last few months we\u2019ve launched two of our best and most flexible Styles yet: Skyline and Super Flat. In conjunction with our Style Designer, both of these Styles enables users to achieve a customized look, unique to each website. But what makes these Styles most interesting is what makes them different. Skyline The… Read More »Skyline vs Super Flat: The key differences between our two newest Styles<\/span><\/a><\/p>\n","protected":false},"author":400,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[297,518,359,547,451,90,1112],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6732"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/400"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6732"}],"version-history":[{"count":6,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6732\/revisions"}],"predecessor-version":[{"id":6746,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6732\/revisions\/6746"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}