{"id":379,"date":"2024-01-24T02:29:21","date_gmt":"2024-01-24T02:29:21","guid":{"rendered":"https:\/\/poolswift.wordifysites.com\/?page_id=379"},"modified":"2025-01-19T17:43:29","modified_gmt":"2025-01-19T17:43:29","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/sites.generatepress.com\/poolswift\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<section>\n<h2 class=\"gb-text-52e4baa5\"><span class=\"gb-shape\"><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-text\">Typography<\/span><\/h2>\n\n\n\n<h3 class=\"gb-text gb-text-e75ff7e7\">Menu<\/h3>\n\n\n\n<p>Font: Archivo \u2013 15px, Weight \u2013 600<\/p>\n\n\n\n<h3 class=\"gb-text gb-text-55da90ee\">Main Content<\/h3>\n\n\n\n<p>Font: Archivo \u2013 17px, Weight \u2013 400<\/p>\n\n\n\n<div class=\"gb-element-2df18f2b\">\n<h3 class=\"gb-text gb-text-070d0145\">Headings &#8211; H1<\/h3>\n\n\n\n<div class=\"gb-element-5f4ac82a\">\n<p class=\"gb-text gb-text-c1210a83\">Font: Oswald<br>Size \u2013 40px\/34px<br>Weight \u2013 700<\/p>\n\n\n\n<h1 class=\"gb-text gb-text-b9354949\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h1>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-e2234f38\">\n<h3 class=\"gb-text gb-text-d971fd58\">Headings &#8211; H2<\/h3>\n\n\n\n<div class=\"gb-element-725d3442\">\n<p class=\"gb-text gb-text-47a433f6\">Font: Oswald<br>Size \u2013 36px\/31px<br>Weight \u2013 700<\/p>\n\n\n\n<h2 class=\"gb-text gb-text-c7f1656c\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-9eaa40bb\">\n<h3 class=\"gb-text gb-text-260768fc\">Headings &#8211; H3<\/h3>\n\n\n\n<div class=\"gb-element-f1569540\">\n<p class=\"gb-text gb-text-55804e72\">Font: Oswald<br>Size \u2013 28px\/26px<br>Weight \u2013 700<\/p>\n\n\n\n<h3 class=\"gb-text gb-text-0e54cc1f\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h3>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-92b40980\">\n<h3 class=\"gb-text gb-text-d65131fe\">Headings &#8211; H4<\/h3>\n\n\n\n<div class=\"gb-element-c5506140\">\n<p class=\"gb-text gb-text-9b69b86f\">Font: Oswald<br>Size \u2013 20px\/19px<br>Weight \u2013 700<\/p>\n\n\n\n<h4 class=\"gb-text gb-text-2fb8b846\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-58a895fc\">\n<h3 class=\"gb-text gb-text-b717b637\">Headings &#8211; H5<\/h3>\n\n\n\n<div class=\"gb-element-60b00e72\">\n<p class=\"gb-text gb-text-1ac77bd0\">Font: Oswald<br>Size \u2013 20px\/19px<br>Weight \u2013 700<\/p>\n\n\n\n<h5 class=\"gb-text gb-text-08880a32\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h5>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-d05325ea\">\n<h3 class=\"gb-text gb-text-bc303532\">Headings &#8211; H6<\/h3>\n\n\n\n<div class=\"gb-element-126f4811\">\n<p class=\"gb-text gb-text-d00b9557\">Font: Oswald<br>Size \u2013 18px\/17px<br>Weight \u2013 700<\/p>\n\n\n\n<h6 class=\"gb-text gb-text-d2c3401e\">Fusce vulputate augue sit amet nunc egestas volutpat.<\/h6>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section>\n<h2 class=\"gb-text-e6a96b5e\"><span class=\"gb-shape\"><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-text\">Buttons<\/span><\/h2>\n\n\n\n<div class=\"gb-element-c88f075c\">\n<a class=\"gb-text gb-text-b0d82f71\" href=\"#\">Button 1<\/a>\n\n\n\n<a class=\"gb-text-50769565\" href=\"#\"><span class=\"gb-shape\"><svg xml:space=\"preserve\" viewBox=\"0 0 492.004 492.004\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" version=\"1.1\" width=\"200px\" height=\"200px\" fill=\"CurrentColor\"><g stroke-width=\"0\" id=\"SVGRepo_bgCarrier\"><\/g><g stroke-linejoin=\"round\" stroke-linecap=\"round\" id=\"SVGRepo_tracerCarrier\"><\/g><g id=\"SVGRepo_iconCarrier\"> <g> <g> <path d=\"M484.14,226.886L306.46,49.202c-5.072-5.072-11.832-7.856-19.04-7.856c-7.216,0-13.972,2.788-19.044,7.856l-16.132,16.136 c-5.068,5.064-7.86,11.828-7.86,19.04c0,7.208,2.792,14.2,7.86,19.264L355.9,207.526H26.58C11.732,207.526,0,219.15,0,234.002 v22.812c0,14.852,11.732,27.648,26.58,27.648h330.496L252.248,388.926c-5.068,5.072-7.86,11.652-7.86,18.864 c0,7.204,2.792,13.88,7.86,18.948l16.132,16.084c5.072,5.072,11.828,7.836,19.044,7.836c7.208,0,13.968-2.8,19.04-7.872 l177.68-177.68c5.084-5.088,7.88-11.88,7.86-19.1C492.02,238.762,489.228,231.966,484.14,226.886z\"><\/path> <\/g> <\/g> <\/g><\/svg><\/span><span class=\"gb-text\">Button 2<\/span><\/a>\n\n\n\n<a class=\"gb-text gb-text-d0c790fd\" href=\"#\">Button 3<\/a>\n\n\n\n<a class=\"gb-text-1f95d42d\" href=\"#\"><span class=\"gb-text\">Button 4<\/span><span class=\"gb-shape\"><svg fill=\"CurrentColor\" height=\"200px\" width=\"200px\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 492.004 492.004\" xml:space=\"preserve\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <g> <g> <path d=\"M484.14,226.886L306.46,49.202c-5.072-5.072-11.832-7.856-19.04-7.856c-7.216,0-13.972,2.788-19.044,7.856l-16.132,16.136 c-5.068,5.064-7.86,11.828-7.86,19.04c0,7.208,2.792,14.2,7.86,19.264L355.9,207.526H26.58C11.732,207.526,0,219.15,0,234.002 v22.812c0,14.852,11.732,27.648,26.58,27.648h330.496L252.248,388.926c-5.068,5.072-7.86,11.652-7.86,18.864 c0,7.204,2.792,13.88,7.86,18.948l16.132,16.084c5.072,5.072,11.828,7.836,19.044,7.836c7.208,0,13.968-2.8,19.04-7.872 l177.68-177.68c5.084-5.088,7.88-11.88,7.86-19.1C492.02,238.762,489.228,231.966,484.14,226.886z\"><\/path> <\/g> <\/g> <\/g><\/svg><\/span><\/a>\n\n\n\n<a class=\"gb-text gb-text-19d1e17c\" href=\"https:\/\/sites.generatepress.com\/poolswift\/style-guide\/\">Button 5<\/a>\n\n\n\n<a class=\"gb-text-56f270f5\" href=\"#\"><span class=\"gb-text\">Button 6<\/span><span class=\"gb-shape\"><svg fill=\"CurrentColor\" xml:space=\"preserve\" viewBox=\"0 0 512 512\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"_x32_\" version=\"1.1\" width=\"200px\" height=\"200px\"><g stroke-width=\"0\" id=\"SVGRepo_bgCarrier\"><\/g><g stroke-linejoin=\"round\" stroke-linecap=\"round\" id=\"SVGRepo_tracerCarrier\"><\/g><g id=\"SVGRepo_iconCarrier\"> <g> <path d=\"M165.013,288.946h75.034c6.953,0,12.609,5.656,12.609,12.608v26.424c0,7.065,3.659,9.585,7.082,9.585 c2.106,0,4.451-0.936,6.78-2.702l90.964-69.014c3.416-2.589,5.297-6.087,5.297-9.844c0-3.762-1.881-7.259-5.297-9.849 l-90.964-69.014c-2.329-1.766-4.674-2.702-6.78-2.702c-3.424,0-7.082,2.519-7.082,9.584v26.425c0,6.952-5.656,12.608-12.609,12.608 h-75.034c-8.707,0-15.79,7.085-15.79,15.788v34.313C149.223,281.862,156.305,288.946,165.013,288.946z\" class=\"st0\"><\/path> <path d=\"M256,0C114.842,0,0.002,114.84,0.002,256S114.842,512,256,512c141.158,0,255.998-114.84,255.998-256 S397.158,0,256,0z M256,66.785c104.334,0,189.216,84.879,189.216,189.215S360.334,445.215,256,445.215S66.783,360.336,66.783,256 S151.667,66.785,256,66.785z\" class=\"st0\"><\/path> <\/g> <\/g><\/svg><\/span><\/a>\n<\/div>\n\n\n\n<h2 class=\"gb-text-112bd93e\"><span class=\"gb-shape\"><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-text\">Global Colors<\/span><\/h2>\n<\/section>\n\n\n\n<section class=\"gb-element-adb268ac\">\n<div>\n<div class=\"gb-element-4e2af1c2\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-e785a2b0\">contrast: #09162a<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-cfc8f0e8\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-98b24be5\">contrast-2: #1c3145<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-14bad5b2\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-f4223db3\">contrast-3: #344b64<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-fb4f3025\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-10e7574a\">contrast-4: #ced3d3<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-71399761\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-569471fa\">base: #2370dc<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-8d6388eb\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-cf9fdb54\">base-2: #3083f6<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-cc548ba1\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-72815d6d\">base-3: #f4f8fa<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-024b26c4\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-5ae8fe92\">base-4: #ffffff<\/p>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-element-e4d31dfa\"><\/div>\n\n\n\n<p class=\"gb-text gb-text-4b7877bf\">accent: #ffc300<\/p>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Typography Menu Font: Archivo \u2013 15px, Weight \u2013 600 Main Content Font: Archivo \u2013 17px, Weight \u2013 400 Headings &#8211; H1 Font: OswaldSize \u2013 40px\/34pxWeight \u2013 700 Fusce vulputate augue sit amet nunc egestas volutpat. Headings &#8211; H2 Font: OswaldSize \u2013 36px\/31pxWeight \u2013 700 Fusce vulputate augue sit amet nunc egestas volutpat. Headings &#8211; H3 &#8230; <a title=\"Style Guide\" class=\"read-more\" href=\"https:\/\/sites.generatepress.com\/poolswift\/style-guide\/\" aria-label=\"Read more about Style Guide\">Read more<\/a><\/p>\n","protected":false},"author":89,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-379","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/pages\/379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/comments?post=379"}],"version-history":[{"count":3,"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/pages\/379\/revisions"}],"predecessor-version":[{"id":2893,"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/pages\/379\/revisions\/2893"}],"wp:attachment":[{"href":"https:\/\/sites.generatepress.com\/poolswift\/wp-json\/wp\/v2\/media?parent=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}