Install FontSwap
Jim Nightshade
About Jim Nightshade
- Source
- Google Fonts ↗
- Classification
- display
- Weights
- 400
- Features
- Standard
Free to use, modify, and distribute. Can be used commercially without attribution.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Note: Derivative fonts must use the same license.
Full license guide →Jim Nightshade is a gothic brush display typeface designed by Alejandro Paul of Sudtipos that merges blackletter construction with expressive brush lettering. The design captures the raw energy of hand-drawn gothic scripts, offering a more organic and spontaneous interpretation of the blackletter tradition than digitized historical revivals.
History and Design
Alejandro Paul, one of the most prolific contemporary script and display type designers, created Jim Nightshade as part of his exploration of gothic and brush lettering traditions. The typeface combines the angular construction and heavy vertical emphasis of blackletter with the organic irregularities and stroke variation of brush calligraphy. This hybrid approach produces letterforms that feel both historically rooted and intensely personal.
The design features bold strokes with visible brush texture, angular letterforms that reference blackletter construction, and decorative terminals that add calligraphic expressiveness. The uppercase includes elaborate forms with sweeping strokes, while the lowercase maintains a more controlled gothic rhythm. The overall character is dark, atmospheric, and expressive — suited to projects that want blackletter heritage filtered through a contemporary artistic sensibility.
Best For
- Gothic and horror-themed creative projects
- Music industry artwork for dark and atmospheric genres
- Halloween and seasonal event materials
- Tattoo-inspired and alternative culture branding
- Editorial display requiring dramatic, hand-crafted presence
Tips
Jim Nightshade excels as a display face for short text at large sizes. Its brush-influenced construction gives it a handmade quality that works well for logos, titles, and decorative headlines. Use sparingly — the typeface's intensity is most effective when contrasted with cleaner surrounding typography. Pair with a neutral sans-serif for body text. The organic brush quality differentiates it from more mechanical blackletter revivals, making it suitable for projects that value expressive authenticity over historical precision.
Is Jim Nightshade on Google Fonts?
Yes, Jim Nightshade is available for free on Google Fonts. Get Jim Nightshade on Google Fonts ↗
Alternative For (3)
Jim Nightshade is a free alternative to the following premium fonts:
Gothic brush with expressive blackletter character
Compare Jim Nightshade
See how Jim Nightshade compares to other fonts side by side.
Font Pairings
Fonts that pair well with Jim Nightshade based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Jim Nightshade in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading Jim Nightshade.
@font-face {
font-family: 'Jim Nightshade Fallback';
src: local('Arial');
ascent-override: 90.43%;
descent-override: 51.27%;
line-gap-override: 0%;
size-adjust: 87.57%;
}How to Use Jim Nightshade
Copy these code snippets to quickly add Jim Nightshade to your project.
CSS code for Jim Nightshade
@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade:wght@400&display=swap');HTML code for Jim Nightshade
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jim+Nightshade:wght@400&display=swap" rel="stylesheet">Tailwind code for Jim Nightshade
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'jim-nightshade': ['"Jim Nightshade"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-jim-nightshade">Your text here</p>Next.js code for Jim Nightshade
// Using next/font (Next.js 13+)
import { Jim_Nightshade } from 'next/font/google';
const jim_nightshade = Jim_Nightshade({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={jim_nightshade.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Jim Nightshade"' }}>Your text</p>Expo and React Native code for Jim Nightshade
// Install: npx expo install @expo-google-fonts/jim-nightshade expo-font
import { useFonts, Jim_Nightshade_400Regular } from '@expo-google-fonts/jim-nightshade';
export default function App() {
const [fontsLoaded] = useFonts({
Jim_Nightshade_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Jim_Nightshade_400Regular' }}>
Your text here
</Text>
);
}