Monograph
Clean grid / Modern tech. Monospace syntax, CLI terminal headers, and authentic engineer aesthetics.
Your name
Why Choose the Monograph Style?
Terminal and IDE presets immediately signal technical depth, command-line fluency, and genuine builder culture without corporate fluff.
Pure monospace typography (DM Mono, JetBrains Mono, Fira Code) with syntax highlighting colors (cyan, lime, orange).
✦ Pro Designer Tips for this Preset
- Display your core production stack: Docker, Kubernetes, Rust, TypeScript, Go.
- Terminal title bar with window dots adds authentic Unix terminal authenticity.
- Keep banner height compact (400px) so pinned repository cards stay visible.
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* Monograph (15) — header.name */
--banner-bg: #d6dfda;
--banner-ink: #283532;
--banner-accent: #789488;
--banner-wash: #b9c9be;
--banner-font: 'DM Mono', monospace;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#d6dfda',
ink: '#283532',
accent: '#789488',
wash: '#b9c9be',
}
}Template Usage & FAQ
Can I use the "Monograph" 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.