While expensive, Requiem is the spiritual cousin. It features razor-sharp, dramatic serifs that feel classical but dangerous. If you distort Requiem and add a rough texture, you get 90% of the way to the Collide with the Sky title.
If you are looking to recreate or use a similar style, here are the key characteristics:
This is an excellent and specific request from a fan or designer. The phrase "Pierce the Veil Collide with the Sky font" usually refers to one of two things: the iconic slab serif font used for the album title on the cover, or the band's logo style. pierce the veil collide with the sky font
Here is a helpful breakdown to identify, download, and use the correct typeface for your project (fan art, tattoo design, cover recreation, etc.).
Want to make your own PTV-style lyric poster or tribute art? You have a few options: While expensive, Requiem is the spiritual cousin
This uses @font-face (you would need to host the font or use a similar free alternative like 'Rikky Vacs' or 'Silence Rock') and CSS filters to replicate the crumbling effect. If you don't have the exact font, the CSS transforms a standard bold serif font into something similar.
/* Import a similar sharp serif font if 'Transient' isn't available */
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
.collide-container
background-color: #0a0a12; /* Dark background like the album */
padding: 40px;
text-align: center;
border: 1px solid #333;
font-family: 'Prata', serif; /* Closest free web font approximation */
.canvas-area
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
.collide-text
font-size: 4rem;
color: #fff;
position: relative;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
/* The "Shatter" effect container */
display: inline-block;
/*
The 'Shattered' Effect
We use the data-text attribute to create a clone of the text
that sits behind the original, slightly offset and sliced.
*/
.collide-text::before,
.collide-text::after
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Bottom shard layer */
.collide-text::before
color: #fff;
z-index: -1;
transform: translate(-3px, 3px);
opacity: 0.7;
filter: blur(0.5px);
/* The "Cut" Layer - creates the fragmented look */
.collide-text::after
color: #d1d1d1;
z-index: 1;
/* This polygon simulates the "broken glass" or crumbled edge */
clip-path: polygon(
0% 0%, 15% 0%, 18% 25%, 22% 0%, 100% 0%,
100% 85%, 92% 100%, 88% 85%, 75% 100%,
0% 100%, 0% 60%, 5% 45%
);
transform: translate(2px, -1px);
opacity: 0.8;
mix-blend-mode: difference;
/* Glitch animation to make it feel "Alt-Rock" */
@keyframes glitch-shake
0% transform: translate(0);
20% transform: translate(-2px, 2px);
40% transform: translate(-2px, -2px);
60% transform: translate(2px, 2px);
80% transform: translate(2px, -2px);
100% transform: translate(0);
.collide-text:hover
animation: glitch-shake 0.3s ease-in-out infinite;
text-shadow: 3px 0px rgba(255, 0, 0, 0.5), -3px 0px rgba(0, 255, 255, 0.5);
If you are referring to the decorative swirls, stars, and filigree around the text on the Collide with the Sky cover (like the circular emblem behind the woman), those are dingbat/filigree fonts or vector packs. This is an excellent and specific request from
When you think of Collide with the Sky, the first things that come to mind are probably the soaring guitar riffs, Vic Fuentes’ emotional vocals, and anthems like “King for a Day” and “Bulls in the Bronx.”
But for fans and designers alike, there’s another instantly recognizable element: the album’s typography.
That bold, sharp, almost architectural lettering isn’t just a random font choice. It’s become a visual signature for one of the most beloved post-hardcore albums of the 2010s. So, what exactly is the Collide with the Sky font, and why does it matter?