首页 / Brand

Brand

品牌素材

别人要引用这个项目时,直接用这一页的规范。

🌌 底色

深空底 #04060f,卡片层 #0a1226。所有页面从这一层开始加光。

✨ 主色

金色 #fcd34d 用于强调与主按钮,冰蓝 #9ae3ff 用于链接与点缀。金色只做点睛,别铺满。

命名与写法

对象写法不要写成
品牌xkmyth(全小写)· 中文「星空神话」XKmyth / Xkmyth / 星空神話
下载页Downloads下载中心 / Download Center
工具站工具站(Timarsky)工具箱(那是 /Timarsky/tools/ 的专名)
版本v1.0.0(一律以 Releases 为准)页面上手写版本号

文案语气:短句、给结论、不堆感叹号;不确定的地方直说「不确定」。不写没有依据的数字 —— 比如模块数、工具数,一律以页面实际内容为准。

标识

标识是一个金色星形加一条冰蓝行星轨道环,纯 SVG、无位图。可直接复制下面这段用:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="45" r="16" fill="#fcd34d"/>
  <path d="M50 20v50M25 45h50" stroke="#fcd34d" stroke-width="6"/>
  <ellipse cx="50" cy="66" rx="26" ry="8" stroke="#9ae3ff"
           stroke-width="3" fill="none" transform="rotate(-15 50 66)"/>
</svg>

下载品牌包

做评测、写教程、往群里发图,直接拿这一包,不用自己抠图。里面是矢量标识、三种尺寸的图标、分享图与一份用法说明。

下载 xkmyth-brand.zip(约 280 KB) 单独取 logo.svg

xkmyth 标识(深底)
logo.svg
应用图标 512
icon-512.png
自适应图标
maskable
社交分享图
og-1200x630.png

用的时候两点就够:别改星形比例,别让人以为你代表官方。其余随便用。

字体与质感

🔤 字体

系统 UI 字体栈优先,不加载 Web 字体(省一次网络往返)。中文按系统默认。

🪟 玻璃

卡片 = 半透明底 + 1px 细边 + 8% 高光,圆角 16px;hover 抬升 2px。

🎞️ 动效

仅用 160–260ms 的位移/透明度;全部尊重 prefers-reduced-motion,切后台暂停星空。