清透粉蓝
清新海洋蓝 / 清爽开朗. 温润低饱和色调、亲和友善的视觉氛围与温暖治愈感。
你的名字
Why Choose the 清透粉蓝 Style?
低饱和粉彩色系有效降低视觉疲劳，传递出真诚、友善与开放的包容力，极具亲和力。
圆润无衬线字体或温和的人文主义衬线字体，营造如沐春风的对话感。
✦ Pro Designer Tips for this Preset
- 粉彩色调与插画风或温暖写真风格的头像高度契合。
- 柔和丁香紫、薄荷绿与蜜桃橙能够有效中和暗色界面的冰冷感。
- 适合写上一句温暖的个人座右铭或社区愿景。
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* 清透粉蓝 (10) — header.name */
--banner-bg: #dcebf2;
--banner-ink: #223843;
--banner-accent: #659dbd;
--banner-wash: #c5dde8;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#dcebf2',
ink: '#223843',
accent: '#659dbd',
wash: '#c5dde8',
}
}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.
