板岩蓝
钢铁色 / 专业稳重. 纯粹暗夜背景、聚焦霓虹高光与沉浸式极客品味。
你的名字
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 {
/* 板岩蓝 (38) — header.name */
--banner-bg: #171a21;
--banner-ink: #dfe6ef;
--banner-accent: #7ea6d9;
--banner-wash: #2c3444;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#171a21',
ink: '#dfe6ef',
accent: '#7ea6d9',
wash: '#2c3444',
}
}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.