{"id":109,"date":"2025-06-30T09:17:50","date_gmt":"2025-06-30T09:17:50","guid":{"rendered":"https:\/\/sites.generatepress.com\/painter\/?page_id=109"},"modified":"2025-06-30T09:17:50","modified_gmt":"2025-06-30T09:17:50","slug":"styles","status":"publish","type":"page","link":"https:\/\/colorantebook.com\/index.php\/styles\/","title":{"rendered":"Styles"},"content":{"rendered":"\n<div class=\"gb-element-33a99403\">\n<div class=\"gb-element-189d95cc\">\n<div>\n<p class=\"gb-text\">Headings &#8211; Quattrocento<\/p>\n\n\n\n<h1 class=\"gb-text\"><strong>Visual reference for default H1 heading: quirky jived boxes exemplify strong typography.<\/strong><\/h1>\n\n\n\n<h2 class=\"gb-text\">Default H2 styling shown: jumpy text vexes bold, quirky graphics..<\/h2>\n\n\n\n<h3 class=\"gb-text\">Typography demo for H3: blazing fonts jump, vex quick wizard text.<\/h3>\n\n\n\n<h4 class=\"gb-text\">H4 preview: quick brown wizard jumps, vexing bold glyphs.<\/h4>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text\">Body Text &#8211; Quattrocento Sans<\/p>\n\n\n\n<p class=\"gb-text\">This body text serves as a visual reference for paragraph styling, line height, and typographic rhythm in standard content layouts. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum, quam in pulvinar luctus, nulla felis volutpat tortor, nec sagittis lorem nisi a turpis. Integer vulputate, urna a tempus lacinia, velit neque volutpat sapien, ut cursus arcu risus at augue. Praesent ut lorem quis turpis lacinia congue. Curabitur posuere turpis nec lorem convallis, non rhoncus nisi varius. Phasellus efficitur eros at metus aliquam, et porta nisi sollicitudin. Suspendisse potenti.<\/p>\n\n\n\n<p class=\"gb-text\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-ea9d5ef2\">\n<div class=\"gb-text gbp-section__tagline\">Color Palette<\/div>\n\n\n\n<div class=\"gb-element-5e3d26b7\">\n<div class=\"gb-element-0de8aec1\">\n<div>\n<div class=\"gb-text-a2c04c3b\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Contrast<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-3cec6b1f\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Contrast-2<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-8fa09eb1\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Contrast-3<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-5305ef47\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Base<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-0dd76639\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Base-2<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-16fff5ef\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Base-3 (white)<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-161fadfd\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Accent<\/span><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text-8b19e96d\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 288 288\"><rect width=\"288\" height=\"288\" rx=\"4\" ry=\"4\"><\/rect><\/svg><\/span><span class=\"gb-text\">Accent-2<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"gb-text gbp-section__tagline\">Buttons<\/div>\n\n\n\n<div class=\"gb-element-921c3b37\">\n<a class=\"gb-text-f4aeeaac\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 46 22\"><path d=\"m45.41 9.59-9-9a2.004 2.004 0 0 0-3.42 1.42c0 .54.21 1.04.59 1.41l5.59 5.59H2c-1.1 0-2 .9-2 2s.9 2 2 2h37.17l-5.59 5.58c-.38.38-.59.88-.59 1.42s.21 1.04.59 1.41c.38.38.88.59 1.42.59s1.04-.21 1.41-.59l9-9c.38-.38.59-.88.59-1.42 0-.53-.21-1.04-.59-1.41Z\"><\/path><\/svg><\/span><span class=\"gb-text\">Primary Button<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"gb-element-eb9e64f1\">\n<a class=\"gb-text-a5183ee0\"><span class=\"gb-text\">Secondary button<\/span><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 46 22\"><path d=\"m45.41 9.59-9-9a2.004 2.004 0 0 0-3.42 1.42c0 .54.21 1.04.59 1.41l5.59 5.59H2c-1.1 0-2 .9-2 2s.9 2 2 2h37.17l-5.59 5.58c-.38.38-.59.88-.59 1.42s.21 1.04.59 1.41c.38.38.88.59 1.42.59s1.04-.21 1.41-.59l9-9c.38-.38.59-.88.59-1.42 0-.53-.21-1.04-.59-1.41Z\"><\/path><\/svg><\/span><\/a>\n<\/div>\n\n\n\n<div class=\"gb-element-0ffde555\">\n<a class=\"gb-text gb-text-6b0a4d47\">Tertiary Button<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headings &#8211; Quattrocento Visual reference for default H1 heading: quirky jived boxes exemplify strong typography. Default H2 styling shown: jumpy text vexes bold, quirky graphics.. Typography demo for H3: blazing fonts jump, vex quick wizard text. H4 preview: quick brown wizard jumps, vexing bold glyphs. Body Text &#8211; Quattrocento Sans This body text serves as &#8230; <a title=\"Styles\" class=\"read-more\" href=\"https:\/\/colorantebook.com\/index.php\/styles\/\" aria-label=\"Read more about Styles\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":0,"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"wp:attachment":[{"href":"https:\/\/colorantebook.com\/index.php\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}