UNBND - Catchy typography for music lovers

Summer inspired me to create a typography system for a music festival landing page.

The goal is to create an easy-to-read hierarchy. A visually interesting system that reflects the festival’s identity. I wanted to ensure contrast between the headers and body text.

The landing page should be responsive, accessible, and easy to navigate.

What I considered:

1. Brand Identity & Audience - typography must be readable, but it must align with the brand's identity. Take for instance Cruilla music festival in Barcelona, it's simple yet fun, and it aligns with the brand. A typography for a music festival should be bold, expressive, or unconventional.
2. Readability and Legibility - as designers, we need to make sure that the text is easy to read. Font size, line height, and spacing are all important. Headlines must be attention grabbers without being difficult to decipher.
3. Hierarchy and Structure - a clear structure must be established and documented. Hierarchy guides the user's eye through the content logically.
4. Consistency - helps create a cohesive and professional look.
5. Accessibility - typography systems must be accessible to all users. Text size, contrast ratios, and font sizes that are readable by users with dyslexia or visual challenges are always a must.

Design

Colors

I considered which colors would convey a feeling of coolness, freshness, and liveliness. Furthermore, the contrast between the text and background is crucial for readability.

Color choices should complement the overall design and enhance readability without causing strain.

To ensure the color contrast is accessible to all users, I ran a few tests:

Even if you have the most beautiful and dynamic typography system, it might not work with the wrong colors. It might not be user-friendly if the contrast does not meet WCAG requirements.

Note: For full disclosure, I used an existing design template by Madelyn Torff to implement my typography, colors, and hierarchy.