🎨 风格工坊

① 左边选风格② 右边看真实页面效果③ 满意就复制代码

1 · 配色风格点一个

2 · 背景点一个

2b · 背景照片免费可商用(CC0)

3 · 字体点一个

4 · 圆角和疏密

圆角

疏密

5 · 拿走满意了再点

更多功能旧版里的，都还在

🎨 配色编辑器自定义颜色、对比度、导出 CSS / Tailwind 📄 22 个整页模板会议、仪表盘、博客、定价、简历… 🃏 20 种卡片每张可复制 CSS + HTML 🖼 做图工作台文字/表情/图片，导出图片 ❓ 零基础说明怎么把风格用到自己的网页

复制出来的是一组 CSS 变量（颜色/圆角/字体），贴到任何网页的 <style> 里，用 var(--brand) 这类名字引用即可。

预览成：