{"id":67,"date":"2026-10-03T01:55:07","date_gmt":"2026-10-03T08:55:07","guid":{"rendered":"https:\/\/demo.uncoderbuilder.com\/crema\/styleguide\/"},"modified":"2026-10-03T20:45:44","modified_gmt":"2026-10-04T03:45:44","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/demo.uncoderbuilder.com\/crema\/styleguide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<div class=\"uncoder uncoder-67 uncoder--page\" data-uncoder-doc=\"67\"><section class=\"uncoder-container uncoder-f0nog81 uncoder-container--boxed\"><div class=\"uncoder-container__inner\"><div class=\"uncoder-container uncoder-lkbirov\"><div class=\"uncoder-container uncoder-d3cnikv\"><h1 class=\"uncoder-heading uncoder-eyrfvma\">Style Guide<\/h1><p class=\"uncoder-heading uncoder-r1jzkb2\">v 1.0<\/p><\/div><div class=\"uncoder-container uncoder-dvqqmaj\"><div class=\"uncoder-container uncoder-jod4dh1\"><\/div><\/div><div class=\"uncoder-container uncoder-nxu07er\"><h2 class=\"uncoder-heading uncoder-ngny0wf\">Typography<\/h2><div class=\"uncoder-container uncoder-pxrngk4\"><h1 class=\"uncoder-heading uncoder-u2d9dxr\">Heading 1<\/h1><h2 class=\"uncoder-heading uncoder-bts3gjo\">Heading 2<\/h2><h3 class=\"uncoder-heading uncoder-kvx4hmv\">Heading 3<\/h3><h4 class=\"uncoder-heading uncoder-ti8jfzm\">Heading 4<\/h4><h5 class=\"uncoder-heading uncoder-vqfd0rr\">Heading 5<\/h5><h6 class=\"uncoder-heading uncoder-gl4wr9g\">Heading 6<\/h6><\/div><div class=\"uncoder-container uncoder-vzrk0gy uncoder-container--grid\"><div class=\"uncoder-container uncoder-t5xz2kj\"><div class=\"uncoder-text-editor uncoder-jonvc07 uncoder-text\"><p>Text large<br>Extra bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-c11s8bp uncoder-text\"><p>Text large<br>Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-bp9am45 uncoder-text\"><p>Text large<br>Semi Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-kim4un0 uncoder-text\"><p>Text large<br>Medium<\/p><\/div><div class=\"uncoder-text-editor uncoder-si9h69w uncoder-text\"><p>Text large<br>Normal<\/p><\/div><div class=\"uncoder-text-editor uncoder-zcfoutm uncoder-text\"><p>Text large<br>Light<\/p><\/div><\/div><div class=\"uncoder-container uncoder-nkd7qgw\"><div class=\"uncoder-text-editor uncoder-der5hfn uncoder-text\"><p>Text medium<br>Extra bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-wpk87pe uncoder-text\"><p>Text medium<br>Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-zsghdt7 uncoder-text\"><p>Text medium<br>Semi Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-uh6mjaz uncoder-text\"><p>Text medium<br>Medium<\/p><\/div><div class=\"uncoder-text-editor uncoder-lmuiscm uncoder-text\"><p>Text medium<br>Normal<\/p><\/div><div class=\"uncoder-text-editor uncoder-i2px22c uncoder-text\"><p>Text medium<br>Light<\/p><\/div><\/div><div class=\"uncoder-container uncoder-w2hdlpf\"><div class=\"uncoder-text-editor uncoder-kothzqt uncoder-text\"><p>Text regular<br>Extra bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-n63b08k uncoder-text\"><p>Text regular<br>Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-m7tpk1g uncoder-text\"><p>Text regular<br>Semi Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-j73ncjc uncoder-text\"><p>Text regular<br>Medium<\/p><\/div><div class=\"uncoder-text-editor uncoder-zr97zob uncoder-text\"><p>Text regular<br>Normal<\/p><\/div><div class=\"uncoder-text-editor uncoder-mn4br24 uncoder-text\"><p>Text regular<br>Light<\/p><\/div><\/div><div class=\"uncoder-container uncoder-mtergls\"><div class=\"uncoder-text-editor uncoder-kcm88nn uncoder-text\"><p>Text small<br>Extra bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-r4cgovj uncoder-text\"><p>Text small<br>Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-szonvxt uncoder-text\"><p>Text small<br>Semi Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-nvhpfp3 uncoder-text\"><p>Text small<br>Medium<\/p><\/div><div class=\"uncoder-text-editor uncoder-hp3prpu uncoder-text\"><p>Text small<br>Normal<\/p><\/div><div class=\"uncoder-text-editor uncoder-y3lrdp7 uncoder-text\"><p>Text small<br>Light<\/p><\/div><\/div><div class=\"uncoder-container uncoder-zoz7b95\"><div class=\"uncoder-text-editor uncoder-rym5wbs uncoder-text\"><p>Text tiny<br>Extra bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-x9msrrd uncoder-text\"><p>Text tiny<br>Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-zyuwiwb uncoder-text\"><p>Text tiny<br>Semi Bold<\/p><\/div><div class=\"uncoder-text-editor uncoder-drnke2s uncoder-text\"><p>Text tiny<br>Medium<\/p><\/div><div class=\"uncoder-text-editor uncoder-fha5yb3 uncoder-text\"><p>Text tiny<br>Normal<\/p><\/div><div class=\"uncoder-text-editor uncoder-of0xu05 uncoder-text\"><p>Text tiny<br>Light<\/p><\/div><\/div><\/div><\/div><div class=\"uncoder-container uncoder-mzm4u9b\"><div class=\"uncoder-container uncoder-swudhh2\"><\/div><\/div><div class=\"uncoder-container uncoder-wgxgnd8\"><h2 class=\"uncoder-heading uncoder-gaj4xd7\">Colours<\/h2><div class=\"uncoder-container uncoder-mifthbo uncoder-container--grid\"><div class=\"uncoder-container uncoder-dez27et\"><div class=\"uncoder-container uncoder-xhac1c8\"><div class=\"uncoder-text-editor uncoder-rktwwer uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-t2h2jd7 uncoder-text\"><p>Black<\/p><\/div><\/div><div class=\"uncoder-container uncoder-jbywxg2\"><div class=\"uncoder-container uncoder-ltkrjj5\"><div class=\"uncoder-text-editor uncoder-r62770r uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-ctb8fjr uncoder-text\"><p>Dark Grey<\/p><\/div><\/div><div class=\"uncoder-container uncoder-woclfaa\"><div class=\"uncoder-container uncoder-qavxnww\"><div class=\"uncoder-text-editor uncoder-jl8amm5 uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-kyywkga uncoder-text\"><p>Light Grey<\/p><\/div><\/div><div class=\"uncoder-container uncoder-oo56xs9\"><div class=\"uncoder-container uncoder-q0oqw1z\"><div class=\"uncoder-text-editor uncoder-w5wpiy9 uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-ieowpgj uncoder-text\"><p>White<\/p><\/div><\/div><div class=\"uncoder-container uncoder-d76euh7\"><div class=\"uncoder-container uncoder-xi23mbp\"><div class=\"uncoder-text-editor uncoder-jlju97z uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-mh05d60 uncoder-text\"><p>Primary 1 - Dark<\/p><\/div><\/div><div class=\"uncoder-container uncoder-dg90c6e\"><div class=\"uncoder-container uncoder-cwzpczg\"><div class=\"uncoder-text-editor uncoder-d4zmc9f uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-kahceuh uncoder-text\"><p>Primary 2 - Mid<\/p><\/div><\/div><div class=\"uncoder-container uncoder-xtfpkj6\"><div class=\"uncoder-container uncoder-d53f5yf\"><div class=\"uncoder-text-editor uncoder-gfubucw uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-l1an6f7 uncoder-text\"><p>Primary 3 - Light<\/p><\/div><\/div><div class=\"uncoder-container uncoder-nqdkrle\"><div class=\"uncoder-container uncoder-wcz4bjk\"><div class=\"uncoder-text-editor uncoder-a4ahm81 uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-cgxsiot uncoder-text\"><p>Secondary 1 - Dark<\/p><\/div><\/div><div class=\"uncoder-container uncoder-bbbnf7r\"><div class=\"uncoder-container uncoder-fm32ex6\"><div class=\"uncoder-text-editor uncoder-s7m88po uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-prdhpw5 uncoder-text\"><p>Secondary 2 - Mid<\/p><\/div><\/div><div class=\"uncoder-container uncoder-mxtv204\"><div class=\"uncoder-container uncoder-g7hgxn5\"><div class=\"uncoder-text-editor uncoder-fncv19j uncoder-text\"><p>Aa<\/p><\/div><\/div><div class=\"uncoder-text-editor uncoder-q75jxvc uncoder-text\"><p>Secondary 3 - Light<\/p><\/div><\/div><\/div><\/div><div class=\"uncoder-container uncoder-d8phlnn\"><div class=\"uncoder-container uncoder-ghz1tmc\"><\/div><\/div><div class=\"uncoder-container uncoder-gk3eeg6\"><h2 class=\"uncoder-heading uncoder-su8m7s0\">UI Elements<\/h2><div class=\"uncoder-container uncoder-mj0s42e\"><div class=\"uncoder-text-editor uncoder-my6uz2r uncoder-text\"><p>Buttons<\/p><\/div><div class=\"uncoder-container uncoder-dak0u8d\"><div class=\"uncoder-container uncoder-v5wphk8\"><div class=\"uncoder-container uncoder-t2utxc7 uncoder-container--fit\"><div class=\"uncoder-button uncoder-rkf5yyd\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><div class=\"uncoder-button uncoder-uut4c7d\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><\/div><div class=\"uncoder-container uncoder-mauol8p uncoder-container--fit\"><div class=\"uncoder-button uncoder-mkx2qm6\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><div class=\"uncoder-button uncoder-dvr2h42\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><\/a><\/div><div class=\"uncoder-button uncoder-yyyeh32\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><\/div><\/div><div class=\"uncoder-container uncoder-mx9oo1x\"><div class=\"uncoder-container uncoder-kww6ac8 uncoder-container--fit\"><div class=\"uncoder-button uncoder-oagy72h\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><div class=\"uncoder-button uncoder-gd6bhak\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><\/div><div class=\"uncoder-container uncoder-obv4hun uncoder-container--fit\"><div class=\"uncoder-button uncoder-urs6a6d\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><div class=\"uncoder-button uncoder-k0b3i2l\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><span class=\"uncoder-btn__text\">Button<\/span><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><\/a><\/div><div class=\"uncoder-button uncoder-wnr8p3u\"><a href=\"https:\/\/demo.uncoderbuilder.com\/crema\/contact\/\" class=\"uncoder-btn uncoder-btn--primary uncoder-btn--md\"><svg class=\"uncoder-svg uncoder-btn__icon uncoder-svg--phosphor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\" viewbox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"\/><\/svg><span class=\"uncoder-btn__text\">Button<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><\/div>","protected":false},"excerpt":{"rendered":"<p>Style Guide v 1.0 Typography Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Text largeExtra bold Text largeBold Text largeSemi Bold Text largeMedium Text&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"uncoder-full-width","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":1,"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/pages\/67\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/demo.uncoderbuilder.com\/crema\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}