Neo Brutal
High saturation yellow / Unapologetic. Unapologetic contrast, heavy typography, and decisive visual presence.
Your name
Why Choose the Neo Brutal Style?
High-contrast bold visuals command immediate attention. They project decisiveness, speed, and conviction, making a memorable first impression.
Heavy font weights (700-900) with tight tracking and uppercase kickers create powerful typographic punch.
✦ Pro Designer Tips for this Preset
- Keep your primary headline to 2-4 punchy words.
- Vermilion, cobalt, and pure black accents provide maximum punch.
- Brutalist border lines anchor the banner in modern neo-brutalist aesthetics.
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* Neo Brutal (08) — header.name */
--banner-bg: #fff500;
--banner-ink: #0a0a0a;
--banner-accent: #0a0a0a;
--banner-wash: #e6dd00;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#fff500',
ink: '#0a0a0a',
accent: '#0a0a0a',
wash: '#e6dd00',
}
}Template Usage & FAQ
Can I use the "Neo Brutal" template across all social networks?
Yes. This template is designed with responsive coordinate scaling that perfectly formats for X / Twitter (1500×500), LinkedIn (1584×396), YouTube (2560×1440), and GitHub Profile README (1280×400) without any text clipping.
How do I customize the avatar, name, and badges in this template?
Click "Use This Template in Generator" above. You can load your GitHub profile automatically, change typography, adjust the Brand Kit palette, and download high-res PNG or vector SVG in seconds.
Is this template 100% free with no watermark?
Yes, 100% free and open. All rendering happens entirely inside your browser (local-first). No registration, no subscription, and zero watermarks.