{"id":46,"date":"2021-12-08T20:38:40","date_gmt":"2021-12-08T20:38:40","guid":{"rendered":"https:\/\/gpsites.co\/construction\/?page_id=46"},"modified":"2021-12-08T20:38:40","modified_gmt":"2021-12-08T20:38:40","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/nyhavntattoo.dk\/da\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<h2 class=\"gb-headline gb-headline-b3713079\"><span class=\"gb-icon\"><svg viewbox=\"0 0 37.227 37.227\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.824 29.931l-1.396-3.676H7.529L6.13 30.011c-.547 1.464-1.012 2.451-1.398 2.965-.385.513-1.018.769-1.896.769-.746 0-1.404-.271-1.978-.817C.286 32.382 0 31.763 0 31.07c0-.397.065-.812.198-1.235.134-.427.354-1.021.66-1.777l7.488-19.01.768-1.968c.302-.766.621-1.4.959-1.906a3.899 3.899 0 011.341-1.229c.551-.312 1.231-.469 2.045-.469.826 0 1.517.156 2.065.469a3.97 3.97 0 011.34 1.209c.339.492.625 1.021.857 1.587s.529 1.321.889 2.268l7.649 18.89c.599 1.438.897 2.481.897 3.135 0 .681-.282 1.304-.85 1.867a2.796 2.796 0 01-2.049.851c-.465 0-.863-.084-1.195-.25a2.466 2.466 0 01-.84-.68c-.229-.286-.471-.727-.729-1.316a127.31 127.31 0 01-.669-1.575zm-11.74-8.127h8.746L13.416 9.722 9.084 21.804zm27.449 7.459l-5.857-14.324a57.909 57.909 0 00-.682-1.719 6.49 6.49 0 00-.654-1.203 3.02 3.02 0 00-1.02-.913c-.418-.236-.941-.354-1.568-.352-.619.003-1.135.123-1.553.361a2.942 2.942 0 00-1.015.937c-.258.386-.497.869-.725 1.451l-.39 1.005 2.14 5.289 1.524-4.295 3.383 9.16-2.934.013 1.307 3.223c.021.055.037.1.06.154l2.793-.012 1.069 2.787c.146.344.314.739.515 1.188.197.449.386.783.56 1 .172.217.385.388.639.514.252.125.557.188.91.188a2.13 2.13 0 001.551-.649c.432-.433.643-.904.641-1.42-.005-.5-.235-1.292-.694-2.383z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Typography<\/span><\/h2>\n\n\n\n<h3 class=\"gb-headline gb-headline-5730e635 gb-headline-text\">Menu<\/h3>\n\n\n\n<p>Font: Montserrat, Size \u2013 15px, Weight \u2013 600<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-a891b51a gb-headline-text\">Main Content<\/h3>\n\n\n\n<p>Font:  Montserrat , Size \u2013 14px, Weight \u2013 400<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-a90ed2b0 gb-headline-text\">Headings &#8211; H1<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-9e1623f5\">\n<div class=\"gb-grid-column gb-grid-column-117116a1\"><div class=\"gb-container gb-container-117116a1\">\n\n<p>Font: PT Serif<br>Size \u2013 42px\/35px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-48c0e696\"><div class=\"gb-container gb-container-48c0e696\">\n\n<h1 class=\"gb-headline gb-headline-3b295bc4 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h1>\n\n<\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-2d0ca5ea gb-headline-text\">Headings &#8211; H2<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-3ecc43fd\">\n<div class=\"gb-grid-column gb-grid-column-baf708fa\"><div class=\"gb-container gb-container-baf708fa\">\n\n<p>Font: PT Serif<br>Size \u2013 35px\/30px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-82889407\"><div class=\"gb-container gb-container-82889407\">\n\n<h2 class=\"gb-headline gb-headline-6f9d8b60 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h2>\n\n<\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-f3a63e68 gb-headline-text\">Headings &#8211; H3<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-18d006ed\">\n<div class=\"gb-grid-column gb-grid-column-68cdc40c\"><div class=\"gb-container gb-container-68cdc40c\">\n\n<p>Font: PT Serif<br>Size \u2013 29px\/24px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-206aad4e\"><div class=\"gb-container gb-container-206aad4e\">\n\n<h3 class=\"gb-headline gb-headline-0673761d gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h3>\n\n<\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-a77a6034 gb-headline-text\">Headings &#8211; H4<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-478ec8fa\">\n<div class=\"gb-grid-column gb-grid-column-e25b2021\"><div class=\"gb-container gb-container-e25b2021\">\n\n<p>Font: PT Serif<br>Size \u2013 24px\/22px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-02b8b04c\"><div class=\"gb-container gb-container-02b8b04c\">\n\n<h4 class=\"gb-headline gb-headline-8a0ce077 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h4>\n\n<\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-e99ff329 gb-headline-text\">Headings &#8211; H5<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-901f8eeb\">\n<div class=\"gb-grid-column gb-grid-column-de8531b6\"><div class=\"gb-container gb-container-de8531b6\">\n\n<p>Font: PT Serif<br>Size \u2013 18px\/17px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-c6212bc6\"><div class=\"gb-container gb-container-c6212bc6\">\n\n<h5 class=\"gb-headline gb-headline-9fe54f62 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h5>\n\n<\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-7db466f1 gb-headline-text\">Headings &#8211; H6<\/h3>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-ad05fbe9\">\n<div class=\"gb-grid-column gb-grid-column-24d69a32\"><div class=\"gb-container gb-container-24d69a32\">\n\n<p>Font: PT Serif<br>Size \u2013 16px\/15px<br>Weight \u2013 Bold<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-9737e548\"><div class=\"gb-container gb-container-9737e548\">\n\n<h6 class=\"gb-headline gb-headline-964ca5bc gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h6>\n\n<\/div><\/div>\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-f728bcbc\"><span class=\"gb-icon\"><svg viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M376.5 120.5h-241C60.785 120.5 0 181.285 0 256s60.785 135.5 135.5 135.5h241c74.715 0 135.5-60.785 135.5-135.5s-60.785-135.5-135.5-135.5zm0 241C318.327 361.5 271 314.174 271 256c0-58.172 47.327-105.5 105.5-105.5S482 197.828 482 256c0 58.174-47.327 105.5-105.5 105.5z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Buttons<\/span><\/h2>\n\n\n<div class=\"gb-container gb-container-ea0f3bc0\">\n\n<a class=\"gb-button gb-button-17e37369 gb-button-text\" href=\"#\">Button 1<\/a>\n\n\n\n<a class=\"gb-button gb-button-b4d89502 gb-button-text\" href=\"#\">Button 2<\/a>\n\n\n\n<a class=\"gb-button gb-button-2df9ae73 gb-button-text\" href=\"#\">Button 3<\/a>\n\n\n\n<a class=\"gb-button gb-button-10f73cae\" href=\"#\"><span class=\"gb-button-text\">Button 4<\/span><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 44.952 44.952\"><path d=\"M44.952 22.108c0-1.25-.478-2.424-1.362-3.308L30.627 5.831a2.5 2.5 0 0 0-3.536 0 2.511 2.511 0 0 0 0 3.546l10.574 10.57H2.484C1.102 19.948 0 21.081 0 22.464v.028c0 1.382 1.102 2.523 2.484 2.523h35.182L27.094 35.579a2.504 2.504 0 0 0 3.538 3.54l12.958-12.97a4.633 4.633 0 0 0 1.362-3.309v-.732z\"><\/path><\/svg><\/span><\/a>\n\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-05ac3ada\"><span class=\"gb-icon\"><svg viewbox=\"0 0 384 384\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M192 0C85.973 0 0 85.973 0 192s85.973 192 192 192c17.707 0 32-14.293 32-32 0-8.32-3.093-15.787-8.32-21.44-5.013-5.653-8-13.013-8-21.227 0-17.707 14.293-32 32-32h37.653c58.88 0 106.667-47.787 106.667-106.667C384 76.373 298.027 0 192 0zM74.667 192c-17.707 0-32-14.293-32-32s14.293-32 32-32 32 14.293 32 32-14.294 32-32 32zm64-85.333c-17.707 0-32-14.293-32-32s14.293-32 32-32 32 14.293 32 32-14.294 32-32 32zm106.666 0c-17.707 0-32-14.293-32-32s14.293-32 32-32 32 14.293 32 32-14.293 32-32 32zm64 85.333c-17.707 0-32-14.293-32-32s14.293-32 32-32 32 14.293 32 32-14.293 32-32 32z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Global Colors<\/span><\/h2>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-5bc6b304\">\n<div class=\"gb-grid-column gb-grid-column-bb82e2b8\"><div class=\"gb-container gb-container-bb82e2b8\">\n<div class=\"gb-container gb-container-c35dbac0\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-e2eec422 gb-headline-text\">contrast: #0b0b0b<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-cd40bdbd\"><div class=\"gb-container gb-container-cd40bdbd\">\n<div class=\"gb-container gb-container-5322ac3f\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-fa42833c gb-headline-text\">contrast-2: #161616<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-46234be9\"><div class=\"gb-container gb-container-46234be9\">\n<div class=\"gb-container gb-container-0c0038d1\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-f9779660 gb-headline-text\">contrast-3: #272727<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-21b7687a\"><div class=\"gb-container gb-container-21b7687a\">\n<div class=\"gb-container gb-container-797884f0\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-ba857a96 gb-headline-text\">contrast-4: #7b7b7b<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-764ca475\"><div class=\"gb-container gb-container-764ca475\">\n<div class=\"gb-container gb-container-a0fa9b0d\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-1b6320fe gb-headline-text\">contrast-5: #b2b2b2<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-f6ea6394\"><div class=\"gb-container gb-container-f6ea6394\">\n<div class=\"gb-container gb-container-879b32c6\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-a4249720 gb-headline-text\">base: #f8f8f8<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-22e95f0d\"><div class=\"gb-container gb-container-22e95f0d\">\n<div class=\"gb-container gb-container-edde57fc\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-f631a0fc gb-headline-text\">base-2: #ffffff<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-c90134f9\"><div class=\"gb-container gb-container-c90134f9\">\n<div class=\"gb-container gb-container-e86ea6e8\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-f5e8e843 gb-headline-text\">accent: #ff6606<\/p>\n\n<\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Typography Menu Font: Montserrat, Size \u2013 15px, Weight \u2013 600 Main Content Font: Montserrat , &#8230; <a title=\"Style Guide\" class=\"read-more\" href=\"https:\/\/nyhavntattoo.dk\/da\/style-guide\/\" aria-label=\"Read more about Style Guide\">L\u00e6s Mere<\/a><\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":0,"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyhavntattoo.dk\/da\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}