高对比度
强反差配色 / 视觉醒目. 纯粹暗夜背景、聚焦霓虹高光与沉浸式极客品味。
你的名字
Why Choose the 高对比度 Style?
深邃的暗黑背景与精准的点状高光，营造出高科技专注感、沉浸式硬核工程美学与静谧力量。
等宽或几何无衬线字体，搭配霓虹紫、荧光绿或琥珀橙点缀。
✦ Pro Designer Tips for this Preset
- 天然适配 GitHub / X 的深色模式（Dark Mode）。
- 克制使用荧光强调色，引导访客视线聚焦于关键技术徽章。
- 背景网格（Grid）与噪点纹理增添复古终端 IDE 质感。
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* 高对比度 (12) — header.name */
--banner-bg: #303036;
--banner-ink: #f2eae3;
--banner-accent: #b8a5c7;
--banner-wash: #4c4650;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#303036',
ink: '#f2eae3',
accent: '#b8a5c7',
wash: '#4c4650',
}
}Template Usage & FAQ
Can I use the "高对比度" 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.