--- title: Simple Style Guide Page --- [Skip to content](https://marketplace.bereto.dev/es/simple/style-guide#main-content) [![Simple HubSpot Theme](https://marketplace.bereto.dev/hubfs/simple_logo_white_v1.svg "Simple HubSpot Theme")](https://marketplace.bereto.dev/simple/home) - [Solution](https://marketplace.bereto.dev/simple/solution) - [Pricing](https://marketplace.bereto.dev/simple/pricing) - [About](https://marketplace.bereto.dev/simple/about) - [Blog](https://marketplace.bereto.dev/simple/blog) - Resources - [Landing Page Style 1](https://bereto.dev/simple/landing-page-1) - [General Blank Page](https://marketplace.bereto.dev/simple/blank-page) - [Style Guide](https://marketplace.bereto.dev/en/simple/style-guide) - [Simple Theme Tutorials](https://devteam.partners/blog/tag/simple-theme) Esto es un campo de búsqueda con una función de texto predictivo. - No hay sugerencias porque el campo de búsqueda está vacío. [Contact Us](https://marketplace.bereto.dev/simple/contact) [Download Simple](https://ecosystem.hubspot.com/marketplace/website/simple-theme-by-bereto) [Contact Us](https://marketplace.bereto.dev/simple/contact) [Download Simple](https://ecosystem.hubspot.com/marketplace/website/simple-theme-by-bereto) Esto es un campo de búsqueda con una función de texto predictivo. - No hay sugerencias porque el campo de búsqueda está vacío. - [Solution](https://marketplace.bereto.dev/simple/solution) - [Pricing](https://marketplace.bereto.dev/simple/pricing) - [About](https://marketplace.bereto.dev/simple/about) - [Blog](https://marketplace.bereto.dev/simple/blog) - Resources - [Landing Page Style 1](https://bereto.dev/simple/landing-page-1) - [General Blank Page](https://marketplace.bereto.dev/simple/blank-page) - [Style Guide](https://marketplace.bereto.dev/en/simple/style-guide) - [Simple Theme Tutorials](https://devteam.partners/blog/tag/simple-theme) # Acerca de esta guía de estilo Esta página está diseñada para ayudarte a configurar tu tema Simple de forma rápida y sencilla. Sigue cada sección paso a paso —desde colores y tipografía hasta espaciado y botones— para personalizar los estilos globales de tu tema. Cada título y sección de esta página corresponde a una parte específica del sistema de diseño de tu tema, lo que facilita previsualizar y ajustar la configuración en tiempo real. Utiliza esta guía como punto de partida para garantizar que tu sitio web tenga un aspecto coherente, profesional y perfectamente alineado con tu marca. ## Global Colors ---   Primary (#7d53ff)   Secondary (#242834) ## Global Fonts --- Primary Font # Playfair Display Font Set: GOOGLE Fallback: serif Secondary Font # Inter Font Set: GOOGLE Fallback: sans-serif ## Texts --- H1 # Be curious, not judgmental. H2 ## Every day is a chance to be better than we were the day before. H3 ### If the Lasso way is wrong, it’s hard to imagine being right. H4 #### If that’s a joke, I love it. If not, can’t wait to unpack that with you later. H5 ##### It’s kind of like back in the 80s when ‘bad’ meant ‘good.’ H6 ###### It’s more than a game to me. It’s all I’ve ever known. It’s who I am. It’s all I am. Paragraph Lorem ipsum dolor sit amet, consectetur *adipiscing elit*. Duis porttitor, quam vel **dignissim** tincidunt, odio libero porta ligula, vitae fermentum lacus libero vel risus. Aenean pulvinar nisl et vestibulum commodo. Quisque euismod tempus dignissim. Quisque dictum luctus velit, eu viverra urna tristique non. Vivamus at dolor tellus. Cras congue sapien non turpis dapibus, et vestibulum ante ultrices. Mauris eu nisi non sapien fermentum fermentum in eu odio. Fusce congue elit et tortor sagittis, sit amet auctor risus sagittis. This line contains subscript text. This line contains superscript text. This line contains `code` This line contains small text. This line contains highlighted text ``` .preformatted-code { background-color: #FFF; } ``` Lists There’s two buttons I never like to hit: - Panic - Snooze There’s two buttons I never like to hit: 1. Panic 2. Snooze Blockquote > I think things come into our lives to help us get from one place to a better one. > > — Ted Lasso ## Tables --- Tables | Header column one | Header column two | Header column three | | --- | --- | --- | | Row one column one | Row one column two | Row one column three | | Row two column one | Row two column two | Row two column three | | Row three column one | Row three column two | Row three column three | | Row four column one | Row four column two | Row four column three | | Footer column one | Footer column two | Footer column three | ## Buttons --- Simple buttons Button 1 Button 2 Button 3 Button 4 Simple buttons - Left icons Button 1 Button 2 Button 3 Button 4 Simple buttons - Right icons Button 1 Button 2 Button 3 Button 4 ## Forms --- ### Form Title [![Simple HubSpot Theme](https://marketplace.bereto.dev/hubfs/simple_logo_dark_v1.svg "Simple HubSpot Theme")](https://marketplace.devteam.partners/simple/home) Build fast. Launch smart. Keep it Simple. [Follow us on Facebook](https://www.facebook.com/) [Follow us on LinkedIn](https://www.linkedin.com/) [Follow us on Twitter](https://www.twitter.com/) [Follow us on Instagram](https://www.instagram.com/) **Menu Title** - Example 1 - Example 2 - Example 3 **Menu Title** - Example 1 - Example 2 - Example 3 **Menu Title** - Example 1 - Example 2 - Example 3 **Choose Language** Español - [Inglés](https://marketplace.bereto.dev/en/simple/style-guide) - [Español](https://marketplace.bereto.dev/es/simple/style-guide) Example on the [Style Guide page](https://marketplace.devteam.partners/simple/style-guide) --- By [bereto.dev](https://bereto.dev) © 2026 All rights reserved.