style(site): unify platform download badges

Give App Store and macOS downloads matching dimensions and two-line typography so platform choice stays clear without extra labels.
2026-07-30 13:12:55 +08:00
parent 8b0ac61f4a
commit 9e689164cd
8 changed files with 54 additions and 32 deletions
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="40" viewBox="0 0 144 40" role="img" aria-labelledby="title">
+  <title id="title">&#31435;&#21363;&#19979;&#36733; App Store</title>
+  <rect width="144" height="40" rx="7" fill="#000"/>
+  <rect x=".75" y=".75" width="142.5" height="38.5" rx="6.25" fill="none" stroke="#a6a6a6" stroke-width="1.5"/>
+  <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7">
+    <rect x="15" y="6.5" width="13" height="26.5" rx="3"/>
+    <path d="M19 9.5h5M19.5 29.5h4"/>
+  </g>
+  <text x="40" y="14" fill="#fff" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="7.2">&#31435;&#21363;&#19979;&#36733;</text>
+  <text x="40" y="29" fill="#fff" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="15.5" font-weight="600">App Store</text>
+</svg>