{"id":9275,"date":"2022-12-15T17:45:27","date_gmt":"2022-12-15T16:45:27","guid":{"rendered":"https:\/\/rosaparks.es\/styles\/"},"modified":"2025-09-28T20:44:53","modified_gmt":"2025-09-28T18:44:53","slug":"styles","status":"publish","type":"page","link":"https:\/\/rosaparks.es\/en\/styles\/","title":{"rendered":"Styles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9275\" class=\"elementor elementor-9275 elementor-63\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19d4e4f e-flex e-con-boxed e-con e-parent\" data-id=\"19d4e4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b1e0976 e-con-full e-flex e-con e-child\" data-id=\"b1e0976\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffee251 elementor-widget elementor-widget-heading\" data-id=\"ffee251\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Web style guide<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c56b5d7 elementor-widget elementor-widget-text-editor\" data-id=\"c56b5d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This page serves as a web style guide and defines the fonts to use. Some sizes are in <strong>rem units<\/strong>, and to understand this it is necessary to know that 1rem is equal to the base font size set in the body of the web page, in this case <strong>16px<\/strong>. Setting the sizes in this way allows to scale all the typography of the web with a simple change in the font size set in the body of the page. The <strong>em units<\/strong> are a function of the element&#8217;s font size, rather than the base font size. An element with a font size of 24px will have that same value as 1em, and 2 em will equal 48px.    <\/p><p>Most line sizes and heights are established based on the <a href=\"https:\/\/grtcalculator.com\/\" target=\"_blank\" rel=\"noopener\">Golden Ratio<\/a>, a design principle to achieve balanced and proportional designs that are aesthetically pleasing. This may no longer be the case if changes have been implemented. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6841f4 e-con-full e-flex e-con e-child\" data-id=\"c6841f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f5607e elementor-widget elementor-widget-heading\" data-id=\"5f5607e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Header (H1)<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27ebe95 elementor-widget elementor-widget-text-editor\" data-id=\"27ebe95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Source Monument Extended.  <\/li><li>Size 2.9rem (1.6rem in smartphone)<\/li><li>Weight 900<\/li><li>Line height 1.2em<\/li><li>Capitalization: Capitalization<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2936058 elementor-widget elementor-widget-heading\" data-id=\"2936058\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Header (H2)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a828f03 elementor-widget elementor-widget-text-editor\" data-id=\"a828f03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>Source Monument Extended.&nbsp;<\/li>\n<li>Size 2.1rem (1.4rem on smartphone)<\/li>\n<li>Weight 900<\/li>\n<li>Line height 1.2em<\/li>\n<li>Capitalization: Capitalization<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed7a89c elementor-widget elementor-widget-heading\" data-id=\"ed7a89c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Header (H3)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c866890 elementor-widget elementor-widget-text-editor\" data-id=\"c866890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Source Monument Extended.  <\/li><li>Size 1.625rem (1.3rem in smartphone)<\/li><li>Weight 900<\/li><li>Line height 1.2em<\/li><li>Capitalization: Capitalization<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb96464 elementor-widget elementor-widget-heading\" data-id=\"cb96464\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Header (H4)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a01f66 elementor-widget elementor-widget-text-editor\" data-id=\"3a01f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Source Monument Extended.  <\/li><li>Size 1.25rem (1.2rem on smartphone)<\/li><li>Weight 700<\/li><li>Line height 1.2em<\/li><li>Capitalization: Capitalization<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44d3c69 elementor-widget elementor-widget-heading\" data-id=\"44d3c69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Header (H5)<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ae9eb2 elementor-widget elementor-widget-text-editor\" data-id=\"5ae9eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Source Monument Extended.  <\/li><li>Size 1rem<\/li><li>Weight 700<\/li><li>Line height 1.2em<\/li><li>Capitalization: Capitalization<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f741dbe elementor-widget elementor-widget-heading\" data-id=\"f741dbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Header (H6)<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0d390 elementor-widget elementor-widget-text-editor\" data-id=\"cc0d390\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Source Monument Extended.  <\/li><li>Size 0.813rem<\/li><li>Weight 400<\/li><li>Line height 1.2em<\/li><li>Capitalization: Capitalization<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-177dcfc e-con-full e-flex e-con e-child\" data-id=\"177dcfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbd2766 elementor-widget elementor-widget-heading\" data-id=\"bbd2766\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Text paragraphs (p) and normal text (span)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4036985 elementor-widget elementor-widget-text-editor\" data-id=\"4036985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus commodo ex. Etiam in interdum turpis. Duis et nunc dictum, rutrum mauris in, vehicula dui. Suspendisse lacus libero, fringilla tempor felis a, ornare mattis leo.   <\/p><p><strong>Donec magna odio,<\/strong> dignissim vel euismod non, rutrum sed est. Pellentesque in malesuada odio. In tristique non metus eu fringilla. Curabitur vulputate interdum posuere. Proin tempus turpis vitae libero venenatis, in condimentum nulla porta. Nunc eu est et neque fringilla pellentesque vel id elit.     <\/p><ul><li>Source Clash Display<\/li><li>Size 1rem (16px)<\/li><li>Weight 300<\/li><li>Line height 1.5em<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf2fb2a elementor-widget elementor-widget-heading\" data-id=\"cf2fb2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Buttons<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f8ee94 elementor-widget elementor-widget-button\" data-id=\"4f8ee94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Text button<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2de696 elementor-widget elementor-widget-text-editor\" data-id=\"b2de696\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>Source Monument Extended.&nbsp;<\/li>\n<li>Weight 900<\/li>\n<li>Line height 1.5em<\/li>\n<li>Capitalization: Capitalization<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web style guide This page serves as a web style guide and defines the fonts to use. Some sizes are in rem units, and to understand this it is necessary to know that 1rem is equal to the base font size set in the body of the web page, in this case 16px. Setting the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9275","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/pages\/9275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/comments?post=9275"}],"version-history":[{"count":1,"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/pages\/9275\/revisions"}],"predecessor-version":[{"id":9276,"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/pages\/9275\/revisions\/9276"}],"wp:attachment":[{"href":"https:\/\/rosaparks.es\/en\/wp-json\/wp\/v2\/media?parent=9275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}