Pierce The Veil Collide With The Sky Font ✯ 〈GENUINE〉

Why does the typography on Collide with the Sky work so well?

Think about the album’s themes: tension, release, sky-high ambition clashing with grounded pain. The letters feel like they’re colliding. The sharp serifs and uneven baseline give the words a sense of unstable energy—like they could shatter at any moment.

The "C" in "Collide" hooks aggressively into the "w" of "With." The ascender on the "h" in "The" juts up like a spike. It’s not a font you’d use for a wedding invitation. It’s a font for screaming into a microphone while dangling over a drum riser. pierce the veil collide with the sky font

Updates the text dynamically while maintaining the CSS effects.

const input = document.getElementById('collide-input');
const display = document.getElementById('collide-display');
const btn = document.getElementById('render-btn');
function updateText() 
  const text = input.value.toUpperCase();
  display.innerText = text;
  display.setAttribute('data-text', text); // Updates the pseudo-elements
btn.addEventListener('click', () => 
  updateText();
);
// Allow 'Enter' key to trigger update
input.addEventListener('keypress', (e) => 
  if (e.key === 'Enter') updateText();
);

If you are trying to recreate the album text (the big, chunky letters on the cover), you want a slab serif font. Why does the typography on Collide with the

How to use it: Type "COLLIDE WITH THE SKY" in all caps, set the tracking (letter spacing) slightly tight, and use a deep maroon/red color.

If you want the distressed aspect of the font, Broken Ghost comes pre-cracked and grungy. It is a display font meant for horror posters, but it aligns perfectly with the album’s themes of falling, crashing, and surviving.