Fix PT marketing guide

vtex · Nov 9, 2023 · 0e584b6 · 0e584b6
1 parent 86890a8
commit 0e584b6
Show file tree

Hide file tree

Showing 3 changed files with 313 additions and 301 deletions.
diff --git a/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html b/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html
@@ -103,7 +103,7 @@ <h3 id="formatos">Formatos</h3>
       <p>En VTEX, los tipos de texto que solemos redactar son los siguientes:</p>
       <p class="bold-text">Contenido para el sitio web</p>
       <p class="example">Artículos (Blog/Linkedin de VTEX) - accede a esta plantilla <a class="text-link" href="https://www.google.com/url?q=https://docs.google.com/document/d/1n9iBF0g0kM5Z5mqr_MoqBb1a-_BSQvKPLoU-owcUnJk/edit&amp;sa=D&amp;source=editors&amp;ust=1692972770780483&amp;usg=AOvVaw1Yt_276_tt4jiUmWAameVJ">aquí</a></p>
-      <p>Página del cliente - accede a esta plantilla <a class="text-link" href="https://www.google.com/url?q=https://docs.google.com/document/d/1QZJV-frCyZ4Cz9nzBoZQt1IwmZNjIJt5XvhnDisPJWo/edit&amp;sa=D&amp;source=editors&amp;ust=1692972770781130&amp;usg=AOvVaw2yvNlOssZOkr8PwAQVMw_v">aquí</a></p>
+      <p class="example">Página del cliente - accede a esta plantilla <a class="text-link" href="https://www.google.com/url?q=https://docs.google.com/document/d/1QZJV-frCyZ4Cz9nzBoZQt1IwmZNjIJt5XvhnDisPJWo/edit&amp;sa=D&amp;source=editors&amp;ust=1692972770781130&amp;usg=AOvVaw2yvNlOssZOkr8PwAQVMw_v">aquí</a></p>
       <p class="bold-text">Ebooks</p>
       <p class="example">Documentos técnicos (recurso de la parte superior del embudo de ventas)</p>
       <p class="example">Guía (recurso de la parte media del embudo de ventas)</p>
@@ -765,7 +765,7 @@ <h4 id="statista">Statista</h4>
     </div>
     <aside>
       <nav class="aside-content">
-        <p class="content">CONTENT</p>
+        <p class="content">CONTENIDO</p>
         <ul class="aside-list">
           <li class="selected">
             <a class="aside-item-1" href="#introduction">Bienvenida</a>

diff --git a/content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css b/content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css
@@ -35,6 +35,13 @@
     --bg-4: #5E6E84;
     --bg-5: #A1AAB7;
     --ff-regular: "VTEXTrust Regular";
+    --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem);
+    --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem);
+    --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem);
+    --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem);
+    --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem);
+    --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem);
+    --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem);
 }
 
 * {
@@ -48,6 +55,7 @@
 
 body {
     background: var(--bg-1);
+    font-size: var(--fs-2);
     padding: 2rem;
     text-align: justify;
     line-height: 1.6;
@@ -59,6 +67,10 @@ body {
     grid-gap: 0.2rem;
 }
 
+.flow > * + * {
+    margin-top: 1.5em;
+}
+
 .doc-content {
     padding: 0 1rem 3rem;
     grid-area: 1 / 1 / span 5 / span 1;
@@ -73,21 +85,38 @@ body {
 .update-info {
     color: var(--bg-4);
     text-align: right;
-    font-size: 0.8rem;
+    font-size: var(--fs-1);
 }
 
-h1 {
-    color: var(--bg-3);
-    font-size: 2.4rem;
-    text-align: center;
-    padding: 1rem 0 0.5rem;
-    page-break-after: avoid;
+.example {
+    margin-top: 0;
 }
 
-h2, h3, h4, h5 {
+h1, h2, h3, h4, h5 {
     color: var(--bg-3);
+    line-height: 1.3;
     page-break-after: avoid;
-    padding: 1rem 0 0.5rem;
+}
+
+h1 {
+    font-size: var(--fs-7);
+    text-align: center;
+}
+
+h2 {
+    font-size: var(--fs-6);
+}
+
+h3 {
+    font-size: var(--fs-5);
+}
+
+h4 {
+    font-size: var(--fs-4);
+}
+
+h5 {
+    font-size: var(--fs-3);
 }
 
 .text-link {
@@ -116,14 +145,13 @@ h2, h3, h4, h5 {
 }
 
 li {
-    margin-left:3rem;    
-    font-size: 0.9rem;
+    margin-left:3rem;
 }
 
 table {
     border-spacing: 0;
     border-collapse: collapse;
-    margin-right: auto;
+    margin: 0.5rem 0 1rem;
 }
 
 .table-intro {
@@ -133,13 +161,17 @@ table {
 .table-internal {
     padding: 0.25rem 0.4rem;
     border: 1px solid var(--bg-4);
-    font-size: 0.85rem;
+    font-size: var(--fs-1);
+}
+
+.clear-table {
+    border: none;
 }
 
 .aside-content {
     grid-area: 1 / 2 / span 1 / span 1;
     padding: 0.5rem 1rem 3rem;
-    font-size: 0.8rem;
+    font-size: var(--fs-1);
     color: var(--bg-5);
     line-height: 1.7;
     position: fixed;
@@ -151,7 +183,7 @@ table {
 }
 
 .content {
-    font-size: 0.9rem;
+    font-size: var(--fs-1);
     font-weight: bold;
     padding: 0 0 0.5rem 1rem;
 }