{"id":690,"date":"2021-06-09T16:02:27","date_gmt":"2021-06-09T15:02:27","guid":{"rendered":"https:\/\/crypto.wordifysites.com\/?page_id=690"},"modified":"2021-06-09T16:02:27","modified_gmt":"2021-06-09T15:02:27","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demos.websitevalet.com\/gp-crypto\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\r\n<h2 class=\"gb-headline gb-headline-7c7b3d0a\"><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>\r\n\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-e26e94cc gb-headline-text\">Menu<\/h3>\r\n\r\n\r\n\r\n<p>Font: Quicksand, Size \u2013 15px, Weight \u2013 700<\/p>\r\n\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-bc714814 gb-headline-text\">Headings &#8211; H1<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-6801b741\">\r\n<div class=\"gb-grid-column gb-grid-column-47a93b00\"><div class=\"gb-container gb-container-47a93b00\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 50px\/40px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-ce8b5fc1\"><div class=\"gb-container gb-container-ce8b5fc1\"><div class=\"gb-inside-container\">\r\n\r\n<h1 class=\"gb-headline gb-headline-982cdbdc gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h1>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-a4c98c42 gb-headline-text\">Headings &#8211; H2<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-e2d46178\">\r\n<div class=\"gb-grid-column gb-grid-column-cae24e02\"><div class=\"gb-container gb-container-cae24e02\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 35px\/27px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-5f89dc65\"><div class=\"gb-container gb-container-5f89dc65\"><div class=\"gb-inside-container\">\r\n\r\n<h2 class=\"gb-headline gb-headline-458032c9 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h2>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-b7da42fe gb-headline-text\">Headings &#8211; H3<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-46ade62c\">\r\n<div class=\"gb-grid-column gb-grid-column-d9ff4954\"><div class=\"gb-container gb-container-d9ff4954\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 29px\/24px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-e417973c\"><div class=\"gb-container gb-container-e417973c\"><div class=\"gb-inside-container\">\r\n\r\n<h3 class=\"gb-headline gb-headline-d1002423 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h3>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-d18da0c9 gb-headline-text\">Headings &#8211; H4<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-882c223a\">\r\n<div class=\"gb-grid-column gb-grid-column-01e6b852\"><div class=\"gb-container gb-container-01e6b852\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 24px\/22px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-8661040c\"><div class=\"gb-container gb-container-8661040c\"><div class=\"gb-inside-container\">\r\n\r\n<h4 class=\"gb-headline gb-headline-205d0823 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h4>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-dbbf4f92 gb-headline-text\">Headings &#8211; H5<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-edea96ad\">\r\n<div class=\"gb-grid-column gb-grid-column-000d02be\"><div class=\"gb-container gb-container-000d02be\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 20px\/19px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-11800720\"><div class=\"gb-container gb-container-11800720\"><div class=\"gb-inside-container\">\r\n\r\n<h5 class=\"gb-headline gb-headline-06c9befb gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h5>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h3 class=\"gb-headline gb-headline-a126f473 gb-headline-text\">Headings &#8211; H6<\/h3>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-a18ffdf0\">\r\n<div class=\"gb-grid-column gb-grid-column-1be017b0\"><div class=\"gb-container gb-container-1be017b0\"><div class=\"gb-inside-container\">\r\n\r\n<p>Font: Quicksand<br>Size \u2013 18px<br>Weight \u2013 700<\/p>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-eef56ede\"><div class=\"gb-container gb-container-eef56ede\"><div class=\"gb-inside-container\">\r\n\r\n<h6 class=\"gb-headline gb-headline-842b7fea gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat. Donec laoreet urna nec leo ornare aliquet.<\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h2 class=\"gb-headline gb-headline-2d302303\"><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>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-c4fcfe08\">\r\n<div class=\"gb-grid-column gb-grid-column-a66b146c\"><div class=\"gb-container gb-container-a66b146c\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-button-wrapper gb-button-wrapper-8859aa64\">\r\n\r\n<a class=\"gb-button gb-button-3463b042 gb-button-text\" href=\"#\">Button 1<\/a>\r\n\r\n<\/div>\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-f645f913\"><div class=\"gb-container gb-container-f645f913\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-button-wrapper gb-button-wrapper-215bc217\">\r\n\r\n<a class=\"gb-button gb-button-2d3a4242 gb-button-text\" href=\"#\">Button 2<\/a>\r\n\r\n<\/div>\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-3d2f3fc6\"><div class=\"gb-container gb-container-3d2f3fc6\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-button-wrapper gb-button-wrapper-58f63d6d\">\r\n\r\n<a class=\"gb-button gb-button-3c2d64ca\" href=\"#\"><span class=\"gb-button-text\">Text icon link<\/span><span class=\"gb-icon\"><svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"svg-inline--fa fa-long-arrow-alt-right fa-w-14\" data-icon=\"long-arrow-alt-right\" data-prefix=\"fas\" aria-hidden=\"true\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/a>\r\n\r\n<\/div>\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<h2 class=\"gb-headline gb-headline-7215636d\"><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\">Colors<\/span><\/h2>\r\n\r\n\r\n<div class=\"gb-grid-wrapper gb-grid-wrapper-b905f324\">\r\n<div class=\"gb-grid-column gb-grid-column-4c3cdad8\"><div class=\"gb-container gb-container-4c3cdad8\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-9eae43a8\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-12fcccaf gb-headline-text\"><code>#1F2641<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-eb27a1b6\"><div class=\"gb-container gb-container-eb27a1b6\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-d5e49835\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-8a27e79b gb-headline-text\"><code>#313B77<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-1059d638\"><div class=\"gb-container gb-container-1059d638\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-e5d68b8b\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-78b90299 gb-headline-text\"><code>#444444<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-4cea9634\"><div class=\"gb-container gb-container-4cea9634\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-a34f31e6\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-13770b8f gb-headline-text\"><code>#30BCED<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-167a5331\"><div class=\"gb-container gb-container-167a5331\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-34d5947d\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-cf093df2 gb-headline-text\"><code>#FCBA04<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"gb-grid-column gb-grid-column-f44f2e49\"><div class=\"gb-container gb-container-f44f2e49\"><div class=\"gb-inside-container\">\r\n<div class=\"gb-container gb-container-d471af94\"><div class=\"gb-inside-container\"><\/div><\/div>\r\n\r\n\r\n<h6 class=\"gb-headline gb-headline-39bc509f gb-headline-text\"><code>#C73E1D<\/code><\/h6>\r\n\r\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n\r\n<p><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Typography Menu Font: Quicksand, Size \u2013 15px, Weight \u2013 700 Headings &#8211; H1 Headings &#8211; H2 Headings &#8211; H3 Headings &#8211; H4 Headings &#8211; H5 Headings &#8211; H6 Buttons Colors<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-690","page","type-page","status-publish"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"TheFrameGuy","author_link":"https:\/\/demos.websitevalet.com\/gp-crypto\/author\/theframeguy\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/pages\/690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/comments?post=690"}],"version-history":[{"count":0,"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/pages\/690\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.websitevalet.com\/gp-crypto\/wp-json\/wp\/v2\/media?parent=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}