{"id":375,"date":"2025-08-25T09:53:04","date_gmt":"2025-08-25T09:53:04","guid":{"rendered":"https:\/\/themes.aacodence.com\/mona\/?page_id=375"},"modified":"2025-08-25T09:58:32","modified_gmt":"2025-08-25T09:58:32","slug":"typography","status":"publish","type":"page","link":"https:\/\/themes.aacodence.com\/mona\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<header>\n<h1>Welcome to Mona Theme<\/h1>\n<p>We believe in keeping things simple, modern, and effective. This page demonstrates common typography elements.<\/p>\n<hr \/>\n<\/header>\n<p>&nbsp;<\/p>\n<section>\n<h2>Headings<\/h2>\n<h1>H1 \u2014 Bold statement headline<\/h1>\n<h2>H2 \u2014 Section headline<\/h2>\n<h3>H3 \u2014 Subsection title<\/h3>\n<h4>H4 \u2014 Feature label<\/h4>\n<h5>H5 \u2014 Minor label<\/h5>\n<h6>H6 \u2014 Micro label<\/h6>\n<hr \/>\n<\/section>\n<section>\n<h2>Paragraphs &amp; Emphasis<\/h2>\n<p>This is a standard paragraph. It keeps line length readable and spacing comfortable.<\/p>\n<p>You can add <em>emphasis<\/em>, <strong>strong emphasis<\/strong>, or <em><strong>both<\/strong><\/em>.<\/p>\n<p><small>Fine print or disclaimers.<\/small><\/p>\n<p><mark>Highlighted text example.<\/mark><\/p>\n<p>Keyboard input: <kbd>Ctrl<\/kbd> + <kbd>S<\/kbd><\/p>\n<p><abbr title=\"User Experience\">UX<\/abbr> is important.<\/p>\n<hr \/>\n<\/section>\n<section>\n<h2>Links<\/h2>\n<p>Visit our <a href=\"https:\/\/example.com\/docs\">Documentation<\/a> for details.<\/p>\n<hr \/>\n<\/section>\n<section>\n<h2>Lists<\/h2>\n<h3>Unordered<\/h3>\n<ul>\n<li>Clean, minimal<\/li>\n<li>Consistent spacing<\/li>\n<li>Mobile friendly<\/li>\n<\/ul>\n<h3>Ordered<\/h3>\n<ol>\n<li>Plan<\/li>\n<li>Design<\/li>\n<li>Build<\/li>\n<li>Launch<\/li>\n<\/ol>\n<h3>Nested<\/h3>\n<ul>\n<li>Parent\n<ul>\n<li>Child\n<ul>\n<li>Grandchild<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr \/>\n<\/section>\n<section>\n<h2>Blockquote<\/h2>\n<blockquote><p>\u201cSimplicity is the ultimate sophistication.\u201d<\/p>\n<footer>\u2014 Leonardo da Vinci<\/footer>\n<\/blockquote>\n<hr \/>\n<\/section>\n<section>\n<h2>Inline Code<\/h2>\n<p>Use <code>npm run build<\/code>, <code>render()<\/code>, or <code>primaryColor<\/code>.<\/p>\n<hr \/>\n<\/section>\n<section>\n<h2>Code Blocks<\/h2>\n<h3>JavaScript<\/h3>\n<pre><code>\/\/ Toggle a class\r\nconst btn = document.querySelector('[data-toggle]');\r\nbtn.addEventListener('click', () =&gt; {\r\n  document.body.classList.toggle('is-open');\r\n});<\/code><\/pre>\n<h3>PHP<\/h3>\n<pre><code>&lt;?php\r\nadd_action('init', function () {\r\n  register_post_type('project', [\r\n    'label' =&gt; 'Projects',\r\n    'public' =&gt; true,\r\n    'supports' =&gt; ['title','editor','thumbnail'],\r\n  ]);\r\n});<\/code><\/pre>\n<h3>JSON<\/h3>\n<pre><code>{\r\n  \"name\": \"project-name\",\r\n  \"version\": \"1.0.0\",\r\n  \"scripts\": {\r\n    \"dev\": \"vite\",\r\n    \"build\": \"vite build\",\r\n    \"preview\": \"vite preview\"\r\n  }\r\n}<\/code><\/pre>\n<h3>Preformatted<\/h3>\n<pre><code>$ git status\r\nOn branch main\r\nYour branch is up to date with 'origin\/main'.\r\n\r\nnothing to commit, working tree clean<\/code><\/pre>\n<hr \/>\n<\/section>\n<section>\n<h2>Callouts<\/h2>\n<p>[Info] Keep your copy clear.<\/p>\n<p>[Success] Changes saved.<\/p>\n<p>[Warning] Check your config.<\/p>\n<p>[Error] Something went wrong.<\/p>\n<hr \/>\n<\/section>\n<section>\n<h2>Table<\/h2>\n<table>\n<thead>\n<tr>\n<th>Feature<\/th>\n<th>Description<\/th>\n<th>Status<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Typography<\/td>\n<td>Headings, lists, quotes<\/td>\n<td>Ready<\/td>\n<\/tr>\n<tr>\n<td>Components<\/td>\n<td>Buttons, alerts<\/td>\n<td>In Progress<\/td>\n<\/tr>\n<tr>\n<td>Performance<\/td>\n<td>Fast load, smooth<\/td>\n<td>Ready<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<\/section>\n<section>\n<h2>Definition List<\/h2>\n<dl>\n<dt>API<\/dt>\n<dd>Application Programming Interface<\/dd>\n<dt>UI<\/dt>\n<dd>User Interface<\/dd>\n<dt>UX<\/dt>\n<dd>User Experience<\/dd>\n<\/dl>\n<hr \/>\n<\/section>\n<footer>\u00a9 2025 Your Brand \u2014 Designed with clarity and care.<\/footer>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to Mona Theme We believe in keeping things simple, modern, and effective. This page demonstrates common typography elements. &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-375","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/pages\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":0,"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/pages\/375\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.aacodence.com\/mona\/wp-json\/wp\/v2\/media?parent=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}