note-design

记录一些好看的图标和颜色

图标

FontAwesome

fa-solid fa-mug-saucer  # 杯子
fa-solid fa-heartbeat  # 心脏
fa-solid fa-circle-nodes  # 三角形的图
fa-solid fa-tree  # 树 
fa-solid fa-wand-magic-sparkles  # 魔法笔
fa-solid fa-pencil  # 铅笔
fa-solid fa-list  # 列表
fa-solid fa-code  # 代码
fa-brands fa-codepen  # codepen图标
fa-solid fa-bug  # bug

fa-solid fa-tags  # 标签
fa-solid fa-folder-open  # 分类
fa-solid fa-archive  # 归档
fas fa-link  # 链接

即用图标

📺 电影
📚 书籍

Favicon

• favicon网站
  • 根据图片生成图标
  • 根据文字生成图标

图片

封面

• https://coverview.vercel.app/editor
  • 自定义Title，Author，Icon等
  • 搜索并设置相关背景图片

颜色

单色

#cc426e  # 好看的粉色
#304352  # 深蓝灰

渐变

linear-gradient(20deg, #0062be, #925696, #cc426e, #fb0347)  # 左下蓝-右上红
linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%)  # 基本全灰
linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%)  # 左下紫灰-右上灰
linear-gradient(45deg, #8baaaa 0%, #ae8b9c 100%)  # 左下灰-右上紫灰
linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)  # Shy Rainbow
linear-gradient(-225deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%)  # Gagarin View 左上翡翠右下蓝紫

• uigradients网站
• webgradinets网站

字体

艺术字体

• Stick（from Google Fonts）

优质社区

• uiverse
• codepen