{"id":1301,"date":"2022-05-25T03:50:33","date_gmt":"2022-05-25T02:50:33","guid":{"rendered":"https:\/\/gp-inbound.wordifysites.com\/?page_id=1301"},"modified":"2022-05-25T03:50:33","modified_gmt":"2022-05-25T02:50:33","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/rajakumaran.com\/index.php\/style-guide\/","title":{"rendered":"Style guide"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Typography\" >Typography<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Menu\" >Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Main_Content\" >Main Content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H1\" >Headings &#8211; H1<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H2\" >Headings &#8211; H2<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-2\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H3\" >Headings &#8211; H3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-3\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H4\" >Headings &#8211; H4<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-4\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H5\" >Headings &#8211; H5<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-5\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Headings_%E2%80%93_H6\" >Headings &#8211; H6<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-6\" >Fusce vulputate augue sit amet nunc egestas volutpat.<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Buttons\" >Buttons<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#Global_Colors\" >Global Colors<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"gb-headline gb-headline-b3713079\"><span class=\"ez-toc-section\" id=\"Typography\"><\/span><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><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"gb-headline gb-headline-5730e635 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Menu\"><\/span>Menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Font: Rubik, Size \u2013 18px, Weight \u2013 600<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-a891b51a gb-headline-text\"><span class=\"ez-toc-section\" id=\"Main_Content\"><\/span>Main Content<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Font: Rubik, Size \u2013 18px, Weight \u2013 400<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-a90ed2b0 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H1\"><\/span>Headings &#8211; H1<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 42px\/35px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-48c0e696\"><div class=\"gb-container gb-container-48c0e696\"><div class=\"gb-inside-container\">\n\n<h1 class=\"gb-headline gb-headline-3b295bc4 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-2d0ca5ea gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H2\"><\/span>Headings &#8211; H2<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 36px\/32px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-82889407\"><div class=\"gb-container gb-container-82889407\"><div class=\"gb-inside-container\">\n\n<h2 class=\"gb-headline gb-headline-6f9d8b60 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-2\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-f3a63e68 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H3\"><\/span>Headings &#8211; H3<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 30px\/26px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-206aad4e\"><div class=\"gb-container gb-container-206aad4e\"><div class=\"gb-inside-container\">\n\n<h3 class=\"gb-headline gb-headline-0673761d gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-3\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-a77a6034 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H4\"><\/span>Headings &#8211; H4<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 26px\/24px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-02b8b04c\"><div class=\"gb-container gb-container-02b8b04c\"><div class=\"gb-inside-container\">\n\n<h4 class=\"gb-headline gb-headline-8a0ce077 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-4\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-e99ff329 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H5\"><\/span>Headings &#8211; H5<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 20px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-c6212bc6\"><div class=\"gb-container gb-container-c6212bc6\"><div class=\"gb-inside-container\">\n\n<h5 class=\"gb-headline gb-headline-9fe54f62 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-5\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h3 class=\"gb-headline gb-headline-7db466f1 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Headings_%E2%80%93_H6\"><\/span>Headings &#8211; H6<span class=\"ez-toc-section-end\"><\/span><\/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\"><div class=\"gb-inside-container\">\n\n<p>Font: Nunito<br>Size \u2013 17px<br>Weight \u2013 900<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-9737e548\"><div class=\"gb-container gb-container-9737e548\"><div class=\"gb-inside-container\">\n\n<h6 class=\"gb-headline gb-headline-964ca5bc gb-headline-text\"><span class=\"ez-toc-section\" id=\"Fusce_vulputate_augue_sit_amet_nunc_egestas_volutpat-6\"><\/span>Fusce vulputate augue sit amet nunc egestas volutpat.<span class=\"ez-toc-section-end\"><\/span><\/h6>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-f728bcbc\"><span class=\"ez-toc-section\" id=\"Buttons\"><\/span><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><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-7c265367\">\n<div class=\"gb-grid-column gb-grid-column-0f3dd7f0\"><div class=\"gb-container gb-container-0f3dd7f0\"><div class=\"gb-inside-container\">\n<div class=\"gb-button-wrapper gb-button-wrapper-def92b1a\">\n\n<a class=\"gb-button gb-button-7ae17fd5\" href=\"#\"><span class=\"gb-button-text\">Button 1<\/span><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 512\" width=\"1em\" height=\"1em\" aria-hidden=\"true\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-3ac9832f\"><div class=\"gb-container gb-container-3ac9832f\"><div class=\"gb-inside-container\">\n<div class=\"gb-button-wrapper gb-button-wrapper-deff8128\">\n\n<a class=\"gb-button gb-button-63956331\" href=\"#\"><span class=\"gb-button-text\">Button 2<\/span><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 512\" width=\"1em\" height=\"1em\" aria-hidden=\"true\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\" fill=\"currentColor\"><\/path><\/svg><\/span><\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-48b98c28\"><div class=\"gb-container gb-container-48b98c28\"><div class=\"gb-inside-container\">\n<div class=\"gb-button-wrapper gb-button-wrapper-f4b8fa07\">\n\n<a class=\"gb-button gb-button-63419f6a gb-button-text\" href=\"#\">Button 3<\/a>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-05ac3ada\"><span class=\"ez-toc-section\" id=\"Global_Colors\"><\/span><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><span class=\"ez-toc-section-end\"><\/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\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-c35dbac0\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-95a314f3 gb-headline-text\">contrast<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-e2eec422 gb-headline-text\">#222222<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-cd40bdbd\"><div class=\"gb-container gb-container-cd40bdbd\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-5322ac3f\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-2567a837 gb-headline-text\">contrast-2<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-fa42833c gb-headline-text\">#4f4f65<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-46234be9\"><div class=\"gb-container gb-container-46234be9\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-0c0038d1\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-297e5227 gb-headline-text\">contrast-3<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-f9779660 gb-headline-text\">#68687b<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-21b7687a\"><div class=\"gb-container gb-container-21b7687a\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-797884f0\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-f52f4b63 gb-headline-text\">base<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-ba857a96 gb-headline-text\">#eaeaea<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-764ca475\"><div class=\"gb-container gb-container-764ca475\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-a0fa9b0d\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-84f08c9a gb-headline-text\">base-2<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-1b6320fe gb-headline-text\">#f7f8f9<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-f6ea6394\"><div class=\"gb-container gb-container-f6ea6394\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-879b32c6\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-64244079 gb-headline-text\">base-3<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-a4249720 gb-headline-text\">#ffffff<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-22e95f0d\"><div class=\"gb-container gb-container-22e95f0d\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-edde57fc\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-0af7e857 gb-headline-text\">accent<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-f631a0fc gb-headline-text\">#17B890<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-c90134f9\"><div class=\"gb-container gb-container-c90134f9\"><div class=\"gb-inside-container\">\n<div class=\"gb-container gb-container-e86ea6e8\"><div class=\"gb-inside-container\">\n\n<p class=\"gb-headline gb-headline-7fdd1a6e gb-headline-text\">accent-2<\/p>\n\n<\/div><\/div>\n\n\n<p class=\"gb-headline gb-headline-f5e8e843 gb-headline-text\">#287698<\/p>\n\n<\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Typography Menu Font: Rubik, Size \u2013 18px, Weight \u2013 600 Main Content Font: Rubik, Size \u2013 18px, Weight \u2013 400 Headings &#8211; H1 Headings &#8211; H2 Headings &#8211; H3 Headings &#8211; H4 Headings &#8211; H5 Headings &#8211; H6 Buttons Global Colors<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1301","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Style guide - Rajakumaran M<\/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:\/\/rajakumaran.com\/index.php\/style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Style guide - Rajakumaran M\" \/>\n<meta property=\"og:description\" content=\"Typography Menu Font: Rubik, Size \u2013 18px, Weight \u2013 600 Main Content Font: Rubik, Size \u2013 18px, Weight \u2013 400 Headings &#8211; H1 Headings &#8211; H2 Headings &#8211; H3 Headings &#8211; H4 Headings &#8211; H5 Headings &#8211; H6 Buttons Global Colors\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rajakumaran.com\/index.php\/style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Rajakumaran M\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rajakumaran.com\/index.php\/style-guide\/\",\"url\":\"https:\/\/rajakumaran.com\/index.php\/style-guide\/\",\"name\":\"Style guide - Rajakumaran M\",\"isPartOf\":{\"@id\":\"https:\/\/rajakumaran.com\/#website\"},\"datePublished\":\"2022-05-25T02:50:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rajakumaran.com\/index.php\/style-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rajakumaran.com\/index.php\/style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rajakumaran.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rajakumaran.com\/#website\",\"url\":\"https:\/\/rajakumaran.com\/\",\"name\":\"Rajakumaran M\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rajakumaran.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Style guide - Rajakumaran M","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:\/\/rajakumaran.com\/index.php\/style-guide\/","og_locale":"en_US","og_type":"article","og_title":"Style guide - Rajakumaran M","og_description":"Typography Menu Font: Rubik, Size \u2013 18px, Weight \u2013 600 Main Content Font: Rubik, Size \u2013 18px, Weight \u2013 400 Headings &#8211; H1 Headings &#8211; H2 Headings &#8211; H3 Headings &#8211; H4 Headings &#8211; H5 Headings &#8211; H6 Buttons Global Colors","og_url":"https:\/\/rajakumaran.com\/index.php\/style-guide\/","og_site_name":"Rajakumaran M","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rajakumaran.com\/index.php\/style-guide\/","url":"https:\/\/rajakumaran.com\/index.php\/style-guide\/","name":"Style guide - Rajakumaran M","isPartOf":{"@id":"https:\/\/rajakumaran.com\/#website"},"datePublished":"2022-05-25T02:50:33+00:00","breadcrumb":{"@id":"https:\/\/rajakumaran.com\/index.php\/style-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rajakumaran.com\/index.php\/style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rajakumaran.com\/index.php\/style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rajakumaran.com\/"},{"@type":"ListItem","position":2,"name":"Style guide"}]},{"@type":"WebSite","@id":"https:\/\/rajakumaran.com\/#website","url":"https:\/\/rajakumaran.com\/","name":"Rajakumaran M","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rajakumaran.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/pages\/1301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/comments?post=1301"}],"version-history":[{"count":0,"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/pages\/1301\/revisions"}],"wp:attachment":[{"href":"https:\/\/rajakumaran.com\/index.php\/wp-json\/wp\/v2\/media?parent=1301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}