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.
- Sets the emotional tone of your website
- Improves readability and user experience proves readability and user experienceproves readability and user experienceproves readability and user experien proves readability and user experiencece
- 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.
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
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 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
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.
Cuándo ir a terapia: 5 señales de que es momento de pedir ayuda
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.
Desconectar del trabajo: por qué te cuesta y cómo lograrlo
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.
Celos en la pareja: la delgada línea entre el cuidado y el control
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.
Ataques de pánico: qué son y cómo actuar cuando aparecen
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.
Aprender a decir que no: poner límites como acto de autoestima
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.
Tu primera sesión de terapia: qué esperar (y qué no)
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.
Autoestima baja: cómo dejar de ser tu peor crítico
10/08/2026
La autoestima baja no siempre se nota como timidez o inseguridad evidente; muchas veces se esconde detrás de la autoexigencia y de una voz interna que nunca queda conforme. Cuatro señales para reconocerla y empezar a tratarte con más justicia.
Burnout: cuando el descanso ya no alcanza para reponerte
09/08/2026
El agotamiento laboral no se resuelve solo con vacaciones. Reconoce las señales tempranas del burnout y qué cambios reales necesita tu relación con el trabajo —y qué puede hacer una organización al respecto.
Discutir bien: cómo transformar el conflicto en cercanía
09/08/2026
No se trata de no pelear, sino de cómo lo hacemos. Una mirada práctica al patrón de las parejas que aprendieron a comunicarse de verdad y a salir del conflicto más cerca, no más lejos.
Cuando la ansiedad se vuelve costumbre: tres señales para escucharte
09/08/2026
Vivimos normalizando la urgencia y el estar siempre disponibles. Te comparto tres señales concretas para reconocer cuándo la ansiedad dejó de ser una respuesta puntual y se instaló como forma de vida.