Everything the team needs to put Blitz on a page, a slide, a sign, or a chip. Logos, colors, fonts, in one place, ready to grab.
Three colorways for the full lockup, three for the bolt-only. Click any tile to download the vector (SVG) or the transparent raster (PNG).
Four colors, used with conviction. Click any code to copy: HEX, RGB, or CMYK go straight to your clipboard.
Manrope on every web surface. Archivo for logo lockups and headlines in print. Both free under SIL Open Font License.
Manrope
Archivo
Three ready-made avatars for social and app icons, plus two seamless patterns for banners and backgrounds. Click any to download.
The system applied. Mockups straight from the brand guidelines.
The mark holds still, then catches fire. A 4.6 second loop with a quick double flash. Use on hero marks. Suppressed when the visitor prefers reduced motion.
@keyframes strike {
0%, 78%, 100% { filter: drop-shadow(0 0 0 rgba(255,232,120,0)); transform: scale(1); }
81% { filter: drop-shadow(0 0 14px rgba(255,220,90,0.95)) drop-shadow(0 0 32px rgba(255,232,120,0.55)); transform: translateY(-3px) scale(1.06); }
83% { filter: drop-shadow(0 0 7px rgba(255,220,90,0.55)); transform: scale(1.01); }
85% { filter: drop-shadow(0 0 16px rgba(255,220,90,0.85)) drop-shadow(0 0 36px rgba(255,232,120,0.45)); transform: translateY(-2px) scale(1.03); }
88% { filter: drop-shadow(0 0 0 rgba(255,232,120,0)); transform: scale(1); }
}
@keyframes bolt-fill {
0%, 80%, 88%, 100% { fill: var(--midnight); }
81%, 85% { fill: #FFE066; }
83% { fill: #FFF6CC; }
}
.bolt { animation: strike 4.6s ease-in-out infinite; transform-origin: 50% 55%; }
.bolt polygon { animation: bolt-fill 4.6s ease-in-out infinite; transition: fill 80ms linear; }
@media (prefers-reduced-motion: reduce) {
.bolt, .bolt polygon { animation: none; }
}
Held consistently, the system compounds. A board pack today, a fact sheet next month, a fab signage in eighteen months. All of it reads as one institution.