钴蓝之力
电光蓝 / 自信果断. 极致黑白对比、重型文字排版与不容忽视的视觉存在感。
你的名字
Why Choose the 钴蓝之力 Style?
高对比度醒目排版带来强大的视觉冲击力,传递出果敢、高速迭代与强烈自信,让人一眼难忘。
粗壮的字重搭配紧凑字距与大写眉题,打造充满力量感的文字排版。
✦ Pro Designer Tips for this Preset
- 主标题精简至 2~4 个强有力的核心关键词。
- 朱红、钴蓝与纯黑强调色可带来最极致的视觉反差。
- 新野兽派(Neo-brutalism)粗边框线条强化现代工程硬核感。
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* 钴蓝之力 (30) — header.name */
--banner-bg: #0038ff;
--banner-ink: #ffffff;
--banner-accent: #ffffff;
--banner-wash: #4d74ff;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#0038ff',
ink: '#ffffff',
accent: '#ffffff',
wash: '#4d74ff',
}
}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.