{"id":49006,"date":"2014-11-07T12:25:18","date_gmt":"2014-11-07T11:25:18","guid":{"rendered":"http:\/\/www.corporate-eye.com\/main\/?p=49006"},"modified":"2014-11-07T12:25:18","modified_gmt":"2014-11-07T11:25:18","slug":"design-hero-image","status":"publish","type":"post","link":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/","title":{"rendered":"Design: Hero Image"},"content":{"rendered":"<p><img decoding=\"async\" data-src=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\" alt=\"sgs-risk-mgt\" width=\"300\" height=\"168\" class=\"alignright size-full wp-image-49007 lazyload\" data-srcset=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg 300w, https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt-150x84.jpg 150w, https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt-100x56.jpg 100w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/168;\" \/><a href=\"http:\/\/www.sgs.co.uk\/en-GB\/Risk-Management.aspx\">SGS<\/a> use a large hero image on a page\u2026 but then, after a while, or as the visitor interacts with the page (scrolls down, for instance) the main body of the content scrolls up, gradually covering most of the image. The image (and subsidiary navigation) can be revealed in full by clicking on the + sign.<\/p>\n<p>A small thing, but it does put the focus on the text. <\/p>\n<p>Note also that they have used a popup to good effect on the links at the foot of the page, displaying a teaser for the page. Clever&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SGS use a large hero image on a page\u2026 but then, after a while, or as the visitor interacts with the page (scrolls down, for instance) the main body of the content scrolls up, gradually covering most of the image. The image (and subsidiary navigation) can be revealed in full by clicking on the + [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[6829],"tags":[],"class_list":{"0":"post-49006","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-snippets","7":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design: Hero Image - Corporate Eye<\/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:\/\/www.corporate-eye.com\/main\/design-hero-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design: Hero Image - Corporate Eye\" \/>\n<meta property=\"og:description\" content=\"SGS use a large hero image on a page\u2026 but then, after a while, or as the visitor interacts with the page (scrolls down, for instance) the main body of the content scrolls up, gradually covering most of the image. The image (and subsidiary navigation) can be revealed in full by clicking on the + [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Corporate Eye\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-07T11:25:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\" \/>\n<meta name=\"author\" content=\"Lucy Nixon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lucynixon\" \/>\n<meta name=\"twitter:site\" content=\"@lucynixon\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucy Nixon\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\"},\"author\":{\"name\":\"Lucy Nixon\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/d273bf7421dc8f5fec96785876b760e2\"},\"headline\":\"Design: Hero Image\",\"datePublished\":\"2014-11-07T11:25:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\"},\"wordCount\":97,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\",\"articleSection\":[\"Snippets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\",\"name\":\"Design: Hero Image - Corporate Eye\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\",\"datePublished\":\"2014-11-07T11:25:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\",\"contentUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg\",\"width\":300,\"height\":168},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.corporate-eye.com\/main\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design: Hero Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#website\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/\",\"name\":\"Corporate Eye\",\"description\":\"...compare, compete, excel\",\"publisher\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.corporate-eye.com\/main\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\",\"name\":\"Corporate Eye\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png\",\"contentUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png\",\"width\":283,\"height\":42,\"caption\":\"Corporate Eye\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/lucynixon\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/d273bf7421dc8f5fec96785876b760e2\",\"name\":\"Lucy Nixon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/538dc739f95aa5a2fd75d054808b18b2afa37a9282a7a8f87001a77dc128d759?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/538dc739f95aa5a2fd75d054808b18b2afa37a9282a7a8f87001a77dc128d759?s=96&d=identicon&r=g\",\"caption\":\"Lucy Nixon\"},\"description\":\"Lucy is Editor at Corporate Eye\",\"sameAs\":[\"http:\/\/www.corporate-eye.com\",\"https:\/\/x.com\/lucynixon\"],\"url\":\"https:\/\/www.corporate-eye.com\/main\/author\/lucy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design: Hero Image - Corporate Eye","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:\/\/www.corporate-eye.com\/main\/design-hero-image\/","og_locale":"en_US","og_type":"article","og_title":"Design: Hero Image - Corporate Eye","og_description":"SGS use a large hero image on a page\u2026 but then, after a while, or as the visitor interacts with the page (scrolls down, for instance) the main body of the content scrolls up, gradually covering most of the image. The image (and subsidiary navigation) can be revealed in full by clicking on the + [&hellip;]","og_url":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/","og_site_name":"Corporate Eye","article_published_time":"2014-11-07T11:25:18+00:00","og_image":[{"url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg","type":"","width":"","height":""}],"author":"Lucy Nixon","twitter_card":"summary_large_image","twitter_creator":"@lucynixon","twitter_site":"@lucynixon","twitter_misc":{"Written by":"Lucy Nixon"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#article","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/"},"author":{"name":"Lucy Nixon","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/d273bf7421dc8f5fec96785876b760e2"},"headline":"Design: Hero Image","datePublished":"2014-11-07T11:25:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/"},"wordCount":97,"commentCount":0,"publisher":{"@id":"https:\/\/www.corporate-eye.com\/main\/#organization"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg","articleSection":["Snippets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/","url":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/","name":"Design: Hero Image - Corporate Eye","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg","datePublished":"2014-11-07T11:25:18+00:00","breadcrumb":{"@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.corporate-eye.com\/main\/design-hero-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#primaryimage","url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg","contentUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2014\/11\/sgs-risk-mgt.jpg","width":300,"height":168},{"@type":"BreadcrumbList","@id":"https:\/\/www.corporate-eye.com\/main\/design-hero-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.corporate-eye.com\/main\/"},{"@type":"ListItem","position":2,"name":"Design: Hero Image"}]},{"@type":"WebSite","@id":"https:\/\/www.corporate-eye.com\/main\/#website","url":"https:\/\/www.corporate-eye.com\/main\/","name":"Corporate Eye","description":"...compare, compete, excel","publisher":{"@id":"https:\/\/www.corporate-eye.com\/main\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.corporate-eye.com\/main\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.corporate-eye.com\/main\/#organization","name":"Corporate Eye","url":"https:\/\/www.corporate-eye.com\/main\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/","url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png","contentUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png","width":283,"height":42,"caption":"Corporate Eye"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/lucynixon"]},{"@type":"Person","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/d273bf7421dc8f5fec96785876b760e2","name":"Lucy Nixon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/538dc739f95aa5a2fd75d054808b18b2afa37a9282a7a8f87001a77dc128d759?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/538dc739f95aa5a2fd75d054808b18b2afa37a9282a7a8f87001a77dc128d759?s=96&d=identicon&r=g","caption":"Lucy Nixon"},"description":"Lucy is Editor at Corporate Eye","sameAs":["http:\/\/www.corporate-eye.com","https:\/\/x.com\/lucynixon"],"url":"https:\/\/www.corporate-eye.com\/main\/author\/lucy\/"}]}},"modified_by":"Lucy Nixon","_links":{"self":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/49006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/comments?post=49006"}],"version-history":[{"count":3,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/49006\/revisions"}],"predecessor-version":[{"id":49017,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/49006\/revisions\/49017"}],"wp:attachment":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/media?parent=49006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/categories?post=49006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/tags?post=49006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}