{"id":551,"date":"2023-06-08T21:09:09","date_gmt":"2023-06-08T20:09:09","guid":{"rendered":"https:\/\/thevoice.wordifysites.com\/?page_id=551"},"modified":"2023-06-08T21:09:09","modified_gmt":"2023-06-08T20:09:09","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/chatbct.blog\/index.php\/style-guide\/","title":{"rendered":"Style guide"},"content":{"rendered":"<section class=\"gb-container gb-container-01fc8b57\">\n\n<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: Barlow Semi Condensed \u2013 26px, Weight \u2013 700<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-a891b51a gb-headline-text\">Main Content<\/h3>\n\n\n\n<p>Font: Roboto Slab \u2013 16px, Weight \u2013 400<\/p>\n\n\n<div class=\"gb-container gb-container-a67a27ed\">\n\n<h3 class=\"gb-headline gb-headline-a90ed2b0 gb-headline-text\">Headings &#8211; H1<\/h3>\n\n\n<div class=\"gb-container gb-container-81d05ae8\">\n\n<p class=\"gb-headline gb-headline-e2f6bf74 gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 42px\/35px<br>Weight \u2013 600<\/p>\n\n\n\n<h1 class=\"gb-headline gb-headline-3b295bc4 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h1>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-7e744b74\">\n\n<h3 class=\"gb-headline gb-headline-2d0ca5ea gb-headline-text\">Headings &#8211; H2<\/h3>\n\n\n<div class=\"gb-container gb-container-bab5e03f\">\n\n<p class=\"gb-headline gb-headline-3807dfea gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 35px\/30px<br>Weight \u2013 600<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-9ede0aa4 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h2>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-2a4e0d29\">\n\n<h3 class=\"gb-headline gb-headline-f3a63e68 gb-headline-text\">Headings &#8211; H3<\/h3>\n\n\n<div class=\"gb-container gb-container-bf975ce7\">\n\n<p class=\"gb-headline gb-headline-b9c13dae gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 29px\/24px<br>Weight \u2013 600<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-2c7d1142 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h3>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-239c218d\">\n\n<h3 class=\"gb-headline gb-headline-a77a6034 gb-headline-text\">Headings &#8211; H4<\/h3>\n\n\n<div class=\"gb-container gb-container-6caa74ef\">\n\n<p class=\"gb-headline gb-headline-9235b24e gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 24px\/22px<br>Weight \u2013 600<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-227f3d61 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h4>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-9c2e288d\">\n\n<h3 class=\"gb-headline gb-headline-e99ff329 gb-headline-text\">Headings &#8211; H5<\/h3>\n\n\n<div class=\"gb-container gb-container-4146be07\">\n\n<p class=\"gb-headline gb-headline-39a39ed9 gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 20px\/19px<br>Weight \u2013 600<\/p>\n\n\n\n<h5 class=\"gb-headline gb-headline-b108ae1d gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h5>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-ad004e6f\">\n\n<h3 class=\"gb-headline gb-headline-7db466f1 gb-headline-text\">Headings &#8211; H6<\/h3>\n\n\n<div class=\"gb-container gb-container-895924e1\">\n\n<p class=\"gb-headline gb-headline-a55b8b98 gb-headline-text\">Font: Barlow Semi Condensed<br>Size \u2013 18px\/17px<br>Weight \u2013 600<\/p>\n\n\n\n<h6 class=\"gb-headline gb-headline-ae051b61 gb-headline-text\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h6>\n\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"gb-container gb-container-efdba09a\">\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-93930bd0\">\n\n<a class=\"gb-button gb-button-b56e867f gb-button-text\" href=\"#\">Button 1<\/a>\n\n\n\n<a class=\"gb-button gb-button-148fe0be gb-button-text\" href=\"#\">Button 2<\/a>\n\n<\/div>\n<\/section>\n\n<section class=\"gb-container gb-container-87910dbf\">\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: #191919<\/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: #5b5b5b<\/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\">base: #ffffff<\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-ea930d49\"><div class=\"gb-container gb-container-ea930d49\">\n<div class=\"gb-container gb-container-fd9ef24d\"><\/div>\n\n\n<p class=\"gb-headline gb-headline-06164af2 gb-headline-text\">accent: #b93434<\/p>\n\n<\/div><\/div>\n<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<div class='heateorSssClear'><\/div><div  class='heateor_sss_sharing_container heateor_sss_horizontal_sharing' data-heateor-sss-href='https:\/\/chatbct.blog\/index.php\/style-guide\/'><div class='heateor_sss_sharing_title' style=\"font-weight:bold\" >Comparte en tus redes sociales:<\/div><div class=\"heateor_sss_sharing_ul\"><a aria-label=\"Facebook\" class=\"heateor_sss_facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fchatbct.blog%2Findex.php%2Fstyle-guide%2F\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#0765FE;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16Z\"><\/path><\/svg><\/span><span class=\"heateor_sss_square_count heateor_sss_facebook_count\">&nbsp;<\/span><\/a><a aria-label=\"X\" class=\"heateor_sss_button_x\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Style%20guide&url=https%3A%2F%2Fchatbct.blog%2Findex.php%2Fstyle-guide%2F\" title=\"X\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg heateor_sss_s__default heateor_sss_s_x\" style=\"background-color:#2a2a2a;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#fff\" d=\"M21.751 7h3.067l-6.7 7.658L26 25.078h-6.172l-4.833-6.32-5.531 6.32h-3.07l7.167-8.19L6 7h6.328l4.37 5.777L21.75 7Zm-1.076 16.242h1.7L11.404 8.74H9.58l11.094 14.503Z\"><\/path><\/svg><\/span><span class=\"heateor_sss_square_count heateor_sss_X_count\">&nbsp;<\/span><\/a><a aria-label=\"Instagram\" class=\"heateor_sss_button_instagram\" href=\"https:\/\/www.instagram.com\/chatbct.pro\" title=\"Instagram\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#53beee;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" version=\"1.1\" viewBox=\"-10 -10 148 148\" width=\"100%\" height=\"100%\" xml:space=\"preserve\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"><g><g><path d=\"M86,112H42c-14.336,0-26-11.663-26-26V42c0-14.337,11.664-26,26-26h44c14.337,0,26,11.663,26,26v44 C112,100.337,100.337,112,86,112z M42,24c-9.925,0-18,8.074-18,18v44c0,9.925,8.075,18,18,18h44c9.926,0,18-8.075,18-18V42 c0-9.926-8.074-18-18-18H42z\" fill=\"#fff\"><\/path><\/g><g><path d=\"M64,88c-13.234,0-24-10.767-24-24c0-13.234,10.766-24,24-24s24,10.766,24,24C88,77.233,77.234,88,64,88z M64,48c-8.822,0-16,7.178-16,16s7.178,16,16,16c8.822,0,16-7.178,16-16S72.822,48,64,48z\" fill=\"#fff\"><\/path><\/g><g><circle cx=\"89.5\" cy=\"38.5\" fill=\"#fff\" r=\"5.5\"><\/circle><\/g><\/g><\/svg><\/span><span class=\"heateor_sss_square_count heateor_sss_instagram_count\">&nbsp;<\/span><\/a><a aria-label=\"Whatsapp\" class=\"heateor_sss_whatsapp\" href=\"https:\/\/api.whatsapp.com\/send?text=Style%20guide%20https%3A%2F%2Fchatbct.blog%2Findex.php%2Fstyle-guide%2F\" title=\"Whatsapp\" rel=\"nofollow noopener\" target=\"_blank\" style=\"font-size:32px!important;box-shadow:none;display:inline-block;vertical-align:middle\"><span class=\"heateor_sss_svg\" style=\"background-color:#55eb4c;width:35px;height:35px;border-radius:999px;display:inline-block;opacity:1;float:left;font-size:32px;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box\"><svg style=\"display:block;border-radius:999px;\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" viewBox=\"-6 -5 40 40\"><path class=\"heateor_sss_svg_stroke heateor_sss_no_fill\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\" d=\"M 11.579798566743314 24.396926207859085 A 10 10 0 1 0 6.808479557110079 20.73576436351046\"><\/path><path d=\"M 7 19 l -1 6 l 6 -1\" class=\"heateor_sss_no_fill heateor_sss_svg_stroke\" stroke=\"#fff\" stroke-width=\"2\" fill=\"none\"><\/path><path d=\"M 10 10 q -1 8 8 11 c 5 -1 0 -6 -1 -3 q -4 -3 -5 -5 c 4 -2 -1 -5 -1 -4\" fill=\"#fff\"><\/path><\/svg><\/span><span class=\"heateor_sss_square_count heateor_sss_whatsapp_count\">&nbsp;<\/span><\/a><a class=\"heateor_sss_more\" aria-label=\"More\" title=\"More\" rel=\"nofollow noopener\" style=\"font-size: 32px!important;border:0;box-shadow:none;display:inline-block!important;font-size:16px;padding:0 4px;vertical-align: middle;display:inline;\" href=\"https:\/\/chatbct.blog\/index.php\/style-guide\/\" onclick=\"event.preventDefault()\"><span class=\"heateor_sss_square_count\">&nbsp;<\/span><span class=\"heateor_sss_svg\" style=\"background-color:#ee8e2d;width:35px;height:35px;border-radius:999px;display:inline-block!important;opacity:1;float:left;font-size:32px!important;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle;display:inline;background-repeat:repeat;overflow:hidden;padding:0;cursor:pointer;box-sizing:content-box;\" onclick=\"heateorSssMoreSharingPopup(this, 'https:\/\/chatbct.blog\/index.php\/style-guide\/', 'Style%20guide', '' )\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"-.3 0 32 32\" version=\"1.1\" width=\"100%\" height=\"100%\" style=\"display:block;border-radius:999px;\" xml:space=\"preserve\"><g><path fill=\"#fff\" d=\"M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z\" fill-rule=\"evenodd\"><\/path><\/g><\/svg><\/span><\/a><a style=\"font-size:32px!important;box-shadow: none;display: inline-block!important;font-size: 16px;padding: 0 4px;vertical-align: middle;display:inline;\" class=\"heateorSssSharingRound\"><span class=\"heateor_sss_square_count\">&nbsp;<\/span><div style=\"width:35px;height:35px;border-radius:999px;margin-left:9px !important;\" title=\"Total Shares\" class=\"heateorSssSharing heateorSssTCBackground\"><\/div><\/a><\/div><div class=\"heateorSssClear\"><\/div><\/div><div class='heateorSssClear'><\/div><p>Typography Menu Font: Barlow Semi Condensed \u2013 26px, Weight \u2013 700 Main Content Font: Roboto Slab \u2013 16px, Weight \u2013 400 Headings &#8211; H1 Font: Barlow Semi CondensedSize \u2013 42px\/35pxWeight \u2013 600 Fusce vulputate augue sit amet nunc egestas volutpat. Headings &#8211; H2 Font: Barlow Semi CondensedSize \u2013 35px\/30pxWeight \u2013 600 Fusce vulputate augue sit &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Style guide\" class=\"read-more button\" href=\"https:\/\/chatbct.blog\/index.php\/style-guide\/#more-551\" aria-label=\"Read more about Style guide\">Read more<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/pages\/551"}],"collection":[{"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":0,"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/pages\/551\/revisions"}],"wp:attachment":[{"href":"https:\/\/chatbct.blog\/index.php\/wp-json\/wp\/v2\/media?parent=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}