{"id":327,"date":"2018-11-06T07:11:14","date_gmt":"2018-11-06T07:11:14","guid":{"rendered":"http:\/\/scrollmagic-wordpress-plugin.lamblue.com\/?page_id=2"},"modified":"2018-11-06T07:11:14","modified_gmt":"2018-11-06T07:11:14","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/kiin.com.mx\/en\/sample-page\/","title":{"rendered":"Landing"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https:\/\/kiin.com.mx\/en\/wp-content\/uploads\/sites\/4\/2018\/11\/bg-page-section.png?id=10) !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12&#8243;]<div class=\"  bbsm-text-center \"><\/div>[vc_empty_space height=&#8221;15px&#8221;][vc_custom_heading text=&#8221;ScrollMagic WordPress Plugin&#8221; font_container=&#8221;tag:h3|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;bounceIn&#8221; tm_text_transform=&#8221;uppercase&#8221; tm_font_weight=&#8221;600&#8243; tm_letter_spacing=&#8221;-0.01em&#8221;][vc_empty_space][vc_custom_heading text=&#8221;#1 WordPress Animation Builder Plugin<br \/>\n1,100+ People Can Not Be Wrong\u2026&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_custom_heading text=&#8221;ScrollMagic plugin for WordPress \u2013 take full animation over your site. Build any animation you can imagine with Live preview Animation Builder \u2013 no programming knowledge required.&#8221; font_container=&#8221;tag:p|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1541496802819{margin-top: 50px !important;margin-bottom: 50px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;CSS3 Animation&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_column_text]<\/p>\n<p class=\"p1\">Typography, <span class=\"scene-text-02\" style=\"color: #fff; background: #ff6600;\">being the art<\/span> of type in a design, is <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">undoubtedly<\/span> one of the most essential elements of good web design.\u00a0<span id=\"more-1791\"><\/span>It\u2019s the\u00a0visual art that helps us to create a beautiful and neat design that just works. However, the fact that it can be on the headline is that being one of the most <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">important elements<\/span>, it is still <span class=\"scene-text-02\" style=\"color: #fff; background: #ff6600;\">overlooked<\/span> by many.<\/p>\n<blockquote>\n<p class=\"p1\">Good typography makes a design <span class=\"scene-text-02\" style=\"color: #fff; background: #ff6600;\">more appealing<\/span>, leading a reader across the whole web page according to the importance of different text, but it is not just about the style, size and family of the font. It\u2019s about\u00a0<span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">realizing<\/span> the high level of visual hierarchy\u00a0that can be reached with the use of <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">typography<\/span>.<\/p>\n<\/blockquote>\n<p class=\"p1\">Since a screenshot worth <span class=\"scene-text-02\" style=\"color: #fff; background: #ff6600;\">thousand words<\/span>, in this post we are willing to deliver you tips on improving typography in your web design and eventually 16 website screenshots with great typography applied, and the resources that will guide your <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">typography<\/span> skill to a higher level.\u00a0It\u2019s not just about what you say, but how you say it, right? Depending on your purpose, we could try to experiment more and get creative with our typography. We can be bold and daring with strong, <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">large letters<\/span>, or get quirky and unique with handwritten type. <span class=\"scene-text-02\" style=\"color: #fff; background: #ff6600;\">We should<\/span> keep in mind that type should always be legible, <span class=\"scene-text-01\" style=\"color: #fff; background: #000;\">because there\u2019s no point<\/span> in showing off type that no one can read. Type can do so much for a design if it sets rhythm and creates an atmosphere.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541497803105{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #eeeeee !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Draw SVG&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space]<div class=\"bbsm-single-image  scene-svg \" ><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"350\" height=\"200\">\n\t<path id=\"word\" style=\"stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1009.23px; stroke-dashoffset: 1009.23px;\" fill=\"none\" stroke=\"#000000\" stroke-width=\"5\" d=\"M22.328,70.018c9.867-7.4,10.724,20.434,13.014,28.694c-0.08-9.105-1.308-31.463,11.936-31.886\n\t\t\tc11.313-0.361,17.046,19.368,16.367,28.098c-1.432-10.289,6.234-30.682,18.163-25.671c11.505,4.833,8.682,26.772,20.071,31.964\n\t\t\tc13.06,5.953,14.854-8.305,19.734-17.017c7.188-12.836,4.933-15.417,29.6-14.8c-8.954-3.842-37.42,1.728-28.539,20.1\n\t\t\tc5.823,12.045,34.911,12.583,30.018-8.873c-5.385,17.174,24.01,23.104,24.01,9.123c0-9.867,3.816-15.937,16.034-18.5\n\t\t\tc8.359-1.754,18.982,4.754,25.9,9.25c-10.361-4.461-51.941-13.776-37.749,12.357c9.435,17.372,50.559,2.289,33.477-6.063\n\t\t\tc-2.871,19.008,32.415,31.684,30.695,54.439c-2.602,34.423-66.934,24.873-79.302,2.134c-13.11-24.101,38.981-36.781,54.798-40.941\n\t\t\tc8.308-2.185,42.133-12.162,25.88-25.587c-2.779,17.058,19.275,28.688,29.963,12.911c6.862-10.131,6.783-25.284,30.833-19.117\n\t\t\tc-9.404-0.429-32.624-0.188-32.864,18.472c-0.231,17.912,21.001,21.405,40.882,11.951\"><\/path>\n\t<path id=\"dot\" style=\"stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 44.2974px; stroke-dashoffset: 44.2974px;\" fill=\"none\" stroke=\"#000000\" stroke-width=\"5\" d=\"M247.003,38.567c-7.423,1.437-11.092,9.883-1.737,11.142c14.692,1.978,13.864-13.66,1.12-8.675\"><\/path>\n<\/svg><\/div>[vc_empty_space][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1541498917422{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Sequence Image&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space]<div class=\" scene-sequence-image bbsm-text-left \"><div class=\"bbsm-imagesequence\" data-bbsm-imagesequence=\"[]\"><img decoding=\"async\" src=\"\" \/><\/div><\/div>[vc_empty_space][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1541498917422{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;And more&#8230;&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_empty_space][vc_empty_space][vc_empty_space][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https:\/\/kiin.com.mx\/en\/wp-content\/uploads\/sites\/4\/2018\/11\/bg-page-section.png?id=10) !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12&#8243;][vc_custom_heading text=&#8221;ScrollMagic WordPress Plugin&#8221; font_container=&#8221;tag:h3|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;bounceIn&#8221; tm_text_transform=&#8221;uppercase&#8221; tm_font_weight=&#8221;600&#8243; tm_letter_spacing=&#8221;-0.01em&#8221;][vc_empty_space][vc_custom_heading text=&#8221;#1 WordPress Animation Builder Plugin<br \/>\n1,100+ People Can Not Be Wrong\u2026&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https:\/\/kiin.com.mx\/en\/wp-content\/uploads\/sites\/4\/2018\/11\/bg-page-section.png?id=10) !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12&#8243;][vc_empty_space height=&#8221;15px&#8221;][vc_custom_heading text=&#8221;ScrollMagic WordPress Plugin&#8221; font_container=&#8221;tag:h3|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;bounceIn&#8221; tm_text_transform=&#8221;uppercase&#8221; tm_font_weight=&#8221;600&#8243; tm_letter_spacing=&#8221;-0.01em&#8221;][vc_empty_space][vc_custom_heading text=&#8221;#1 WordPress Animation Builder Plugin 1,100+ People Can Not Be Wrong\u2026&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_custom_heading text=&#8221;ScrollMagic plugin for WordPress \u2013 take full animation over your site. Build any animation you can imagine with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"pgc_meta":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_joinchat":[],"footnotes":""},"class_list":["post-327","page","type-page","status-publish","hentry"],"acf":[],"pgc_meta":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Landing - Kiin Energy | Sustainable Energy Technology<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiin.com.mx\/en\/sample-page\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landing - Kiin Energy | Sustainable Energy Technology\" \/>\n<meta property=\"og:description\" content=\"[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https:\/\/kiin.com.mx\/en\/wp-content\/uploads\/sites\/4\/2018\/11\/bg-page-section.png?id=10) !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12&#8243;][vc_empty_space height=&#8221;15px&#8221;][vc_custom_heading text=&#8221;ScrollMagic WordPress Plugin&#8221; font_container=&#8221;tag:h3|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;bounceIn&#8221; tm_text_transform=&#8221;uppercase&#8221; tm_font_weight=&#8221;600&#8243; tm_letter_spacing=&#8221;-0.01em&#8221;][vc_empty_space][vc_custom_heading text=&#8221;#1 WordPress Animation Builder Plugin 1,100+ People Can Not Be Wrong\u2026&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_custom_heading text=&#8221;ScrollMagic plugin for WordPress \u2013 take full animation over your site. Build any animation you can imagine with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiin.com.mx\/en\/sample-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Kiin Energy | Sustainable Energy Technology\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kiin.com.mx\/en\/sample-page\/\",\"url\":\"https:\/\/kiin.com.mx\/en\/sample-page\/\",\"name\":\"Landing - Kiin Energy | Sustainable Energy Technology\",\"isPartOf\":{\"@id\":\"https:\/\/kiin.com.mx\/en\/#website\"},\"datePublished\":\"2018-11-06T07:11:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/kiin.com.mx\/en\/sample-page\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kiin.com.mx\/en\/sample-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kiin.com.mx\/en\/sample-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/kiin.com.mx\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kiin.com.mx\/en\/#website\",\"url\":\"https:\/\/kiin.com.mx\/en\/\",\"name\":\"Kiin Energy | Sustainable Energy Technology\",\"description\":\"Sustainable Energy Technology\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kiin.com.mx\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Landing - Kiin Energy | Sustainable Energy Technology","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiin.com.mx\/en\/sample-page\/","og_locale":"es_MX","og_type":"article","og_title":"Landing - Kiin Energy | Sustainable Energy Technology","og_description":"[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https:\/\/kiin.com.mx\/en\/wp-content\/uploads\/sites\/4\/2018\/11\/bg-page-section.png?id=10) !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12&#8243;][vc_empty_space height=&#8221;15px&#8221;][vc_custom_heading text=&#8221;ScrollMagic WordPress Plugin&#8221; font_container=&#8221;tag:h3|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;bounceIn&#8221; tm_text_transform=&#8221;uppercase&#8221; tm_font_weight=&#8221;600&#8243; tm_letter_spacing=&#8221;-0.01em&#8221;][vc_empty_space][vc_custom_heading text=&#8221;#1 WordPress Animation Builder Plugin 1,100+ People Can Not Be Wrong\u2026&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_empty_space][vc_custom_heading text=&#8221;ScrollMagic plugin for WordPress \u2013 take full animation over your site. Build any animation you can imagine with [&hellip;]","og_url":"https:\/\/kiin.com.mx\/en\/sample-page\/","og_site_name":"Kiin Energy | Sustainable Energy Technology","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiin.com.mx\/en\/sample-page\/","url":"https:\/\/kiin.com.mx\/en\/sample-page\/","name":"Landing - Kiin Energy | Sustainable Energy Technology","isPartOf":{"@id":"https:\/\/kiin.com.mx\/en\/#website"},"datePublished":"2018-11-06T07:11:14+00:00","breadcrumb":{"@id":"https:\/\/kiin.com.mx\/en\/sample-page\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiin.com.mx\/en\/sample-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiin.com.mx\/en\/sample-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/kiin.com.mx\/en\/"},{"@type":"ListItem","position":2,"name":"Landing"}]},{"@type":"WebSite","@id":"https:\/\/kiin.com.mx\/en\/#website","url":"https:\/\/kiin.com.mx\/en\/","name":"Kiin Energy | Sustainable Energy Technology","description":"Sustainable Energy Technology","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiin.com.mx\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":0,"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiin.com.mx\/en\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}