Silvia Martinez-logo

Design Style Guide

Describe your brand in 3-5 adjectives that capture its essence.
Examples: Modern, Approachable, Bold, Trustworthy, Creative

Color Palettes

Primary

primary-shade-1

primary-shade-2

primary-shade-3

primary-shade-4

primary-tint-1

primary-tint-2

primary-tint-3

primary-tint-4

Secondary

secondary-shade-1

secondary-shade-2

secondary-shade-3

secondary-shade-4

secondary-tint-1

secondary-tint-2

secondary-tint-3

secondary-tint-4

Action

action-shade-1

action-shade-2

action-shade-3

action-shade-4

action-tint-1

action-tint-2

action-tint-3

action-tint-4

Neutral

neutral-shade-1

neutral-shade-2

neutral-shade-3

neutral-shade-4

neutral-tint-1

neutral-tint-2

neutral-tint-3

neutral-tint-4

Typography & Sizing

Heading 1 - 4XL

Heading 2 - 3XL

Heading 3 - 2XL

Heading 4 - XL

Heading 5 - L
Heading 6 - M
Heading  - Body Style

Regular paragraph  - S

Small paragraph - XS

3XL

2XL

XL

L

M

S

XS

H1: Design with Purpose

Good design is more than aesthetics – it's about creating experiences that connect with your audience. Every element should serve a clear purpose, guiding visitors toward meaningful interactions while reflecting your brand's unique personality.

H2: Creating Visual Hierarchy

When we establish clear visual hierarchy through thoughtful typography choices, we guide users naturally through our content. Strategic use of heading sizes, font weights, and spacing helps readers quickly scan and understand the structure of information, making your message more accessible and engaging.

H3: Typography Sets the Tone

Every choice we make shapes how visitors experience your message. That’s why we approach each project with intention and care.

Typography is the craft of endowing human language with a durable visual form.
- Robert Bringhurst

Ready to transform your web presence? Explore our design services and discover how strategic design can elevate your brand.

H4: Why typography matters:

Good design is more than aesthetics – it’s about creating experiences that connect with your audience.

  • Sets the emotional tone of your website
  • Improves reaproves readability and user experience proves readability and user experiencedability and user experience
  • Creates consistency across all pages
H5: Attention to Detail

It’s the small refinements that separate good design from great design. Even minor adjustments can significantly impact user engagement.

  1. Sets the emotional tone of your website
  2. Improves readability and user experience proves readability and user experienceproves readability and user experienceproves readability and user experien proves readability and user experiencece
  3. Creates consistency across all pages
H6: Fine-Tuning the Experience

Good design is more than aesthetics – it’s about creating experiences that connect with your audience. When we establish clear visual hierarchy through thoughtful typography choices, we guide users naturally through our content.

Buttons

Button Option Group Preview

Your content goes here. Edit or remove this text inline or in the module Content settings. 

Brand Assets

Visual Styles

Border Style #1

Border Style #2

Box Shadow #1

Box Shadow #2

UI Elements

Toggle Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Accordion Item Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Accordion Item Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

PRUEBA DE CÓDIGO
/
Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. 

_
Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings.

Prueba de Heading

Blurb normal sin estilos

Texto del blurb normal sin estilos aplicados

Formulario de Contacto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

%

Your Title Goes Here

Silvia Martinez-logo

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

  • List item text
  • List item text
  • List item text
Persona reflexionando junto a la ventana sobre cuándo ir a terapia

Cuándo ir a terapia: 5 señales de que es momento de pedir ayuda

10/08/2026

No hace falta tocar fondo para merecer acompañamiento. Cinco señales concretas de que es buen momento para ir a terapia, y por qué esperar a “estar muy mal” casi nunca es buena idea.

Persona descansando sin pantallas en casa, logrando desconectar del trabajo

Desconectar del trabajo: por qué te cuesta y cómo lograrlo

10/08/2026

Seguir conectado al trabajo mucho después de cerrar la laptop no es compromiso, es desgaste. Por qué nos cuesta tanto desconectar y cuatro hábitos —personales y organizacionales— para recuperar el descanso real.

Pareja conversando con calma sobre los celos en la pareja y la confianza

Celos en la pareja: la delgada línea entre el cuidado y el control

10/08/2026

Sentir celos alguna vez es humano; que organicen la relación es otra cosa. Dónde está la línea entre un celo normal y uno que hace daño, qué hay debajo de ellos y cómo trabajarlos en pareja.

Persona con la mano en el pecho respirando para calmar un ataque de pánico

Ataques de pánico: qué son y cómo actuar cuando aparecen

10/08/2026

Un ataque de pánico puede sentirse como si algo grave estuviera pasando en tu cuerpo, aunque no haya peligro real. Qué son en realidad, por qué ocurren y tres pasos concretos para acompañarte cuando uno aparece.

Persona serena y firme al poner límites como parte de su autoestima

Aprender a decir que no: poner límites como acto de autoestima

10/08/2026

Poner límites no es egoísmo ni frialdad: es una de las formas más concretas de cuidarte. Por qué nos cuesta tanto decir que no y cuatro claves para empezar a hacerlo sin culpa.

Consultorio acogedor con dos sillones, listo para una primera sesión de terapia

Tu primera sesión de terapia: qué esperar (y qué no)

10/08/2026

El miedo a lo desconocido frena a muchas personas antes de empezar. Te cuento con honestidad cómo es una primera sesión de terapia: qué pasa, qué no tienes que hacer y por qué ese primer paso pesa menos de lo que imaginas.