docs: synchronize website with Archify brand identity (#493)

This commit is contained in:
tt-a1i
2026-09-20 23:24:15 +08:00
committed by GitHub
parent f8df2c6bae
commit c2bc3aed7b
9 changed files with 24 additions and 15 deletions
+7
View File
@@ -35,6 +35,13 @@
white-space: nowrap;
}
.brand-lockup {
display: block;
width: 117px;
height: 32px;
flex: none;
}
.site-nav .nav-logo-path {
color: #929a9e;
font-family: var(--font-mono);
+2 -2
View File
@@ -7,7 +7,7 @@
<title>Archify Proof Lab — Generated Diagram Gallery</title>
<meta name="description" content="A generated gallery of validated, self-contained Archify diagrams. Every preview links to its exact JSON source and interactive HTML artifact.">
<meta name="theme-color" content="#eff2f1">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -226,7 +226,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Back to Archify home">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ proof lab" data-zh="/ 验证作品集">/ proof lab</span>
</a>
<div class="nav-right">
+2 -2
View File
@@ -7,7 +7,7 @@
<title>Archify Scenario Guide — Choose the Right Diagram</title>
<meta name="description" content="Describe the technical question you need to answer. Archify recommends a bounded diagram recipe, evidence checklist, and copy-ready prompt.">
<meta name="theme-color" content="#eff2f1">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -187,7 +187,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Archify home">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ guide" data-zh="/ 场景指南">/ guide</span>
</a>
<div class="nav-right">
+3 -3
View File
@@ -6,7 +6,7 @@
<title>Archify — Technical Diagrams from Plain English</title>
<meta name="description" content="An agent skill for Cursor, Claude Code, Codex CLI, and OpenCode that turns plain-English descriptions into polished, explorable, self-contained technical diagrams with semantic focus, motion, and crisp export.">
<meta name="theme-color" content="#eff2f1">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<meta property="og:type" content="website">
<meta property="og:title" content="Archify — Technical Diagrams from Plain English">
@@ -374,7 +374,7 @@
<!-- NAV -->
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="#">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
</a>
<div class="nav-right">
<a class="nav-link" href="guide.html" data-i18n="nav-guide">Guide</a>
@@ -823,7 +823,7 @@
<div class="footer-inner">
<div class="footer-left">
<a class="nav-logo" href="#">
<span style="font-size:.8125rem;font-weight:700;color:var(--muted)">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
</a>
<p class="footer-meta" data-i18n="footer-meta">development &nbsp;·&nbsp; v2.17.0-dev.1 &nbsp;·&nbsp; MIT License<br>Based on Cocoon-AI/architecture-diagram-generator</p>
</div>
+2 -2
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Start with a plain-language description, pasted Mermaid, or real code. No repository is required.">
<meta property="og:url" content="https://tt-a1i.github.io/archify/start.html">
<meta property="og:image" content="https://tt-a1i.github.io/archify/assets/archify-social-preview.png">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -182,7 +182,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Archify project page">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ start" data-zh="/ 快速上手">/ start</span>
</a>
<div class="nav-right">
+2
View File
@@ -7,6 +7,8 @@ const sourceRoot = path.resolve(__dirname, '../docs/assets');
const SITE_ASSETS = Object.freeze([
'site-language.js',
'site-navigation.css',
'archify-lockup-light.svg',
'archify-mark.svg',
]);
export function copySiteAssets(outputHtmlPath) {
+2 -2
View File
@@ -7,7 +7,7 @@
<title>Archify Proof Lab — Generated Diagram Gallery</title>
<meta name="description" content="A generated gallery of validated, self-contained Archify diagrams. Every preview links to its exact JSON source and interactive HTML artifact.">
<meta name="theme-color" content="#eff2f1">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -226,7 +226,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Back to Archify home">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ proof lab" data-zh="/ 验证作品集">/ proof lab</span>
</a>
<div class="nav-right">
+2 -2
View File
@@ -7,7 +7,7 @@
<title>Archify Scenario Guide — Choose the Right Diagram</title>
<meta name="description" content="Describe the technical question you need to answer. Archify recommends a bounded diagram recipe, evidence checklist, and copy-ready prompt.">
<meta name="theme-color" content="#eff2f1">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -187,7 +187,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Archify home">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ guide" data-zh="/ 场景指南">/ guide</span>
</a>
<div class="nav-right">
+2 -2
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Start with a plain-language description, pasted Mermaid, or real code. No repository is required.">
<meta property="og:url" content="https://tt-a1i.github.io/archify/start.html">
<meta property="og:image" content="https://tt-a1i.github.io/archify/assets/archify-social-preview.png">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><polygon points='14,2 26,8 26,20 14,26 2,20 2,8' fill='%23083344' stroke='%2322d3ee' stroke-width='1.5'/><circle cx='14' cy='15' r='2.5' fill='%2322d3ee'/></svg>">
<link rel="icon" type="image/svg+xml" href="assets/archify-mark.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -182,7 +182,7 @@
<nav class="site-nav" aria-label="Primary navigation">
<a class="nav-logo" href="./" aria-label="Archify project page">
<span class="nav-logo-text">Archify</span>
<img class="nav-logo-text brand-lockup" src="assets/archify-lockup-light.svg" alt="Archify" width="117" height="32">
<span class="nav-logo-path" data-en="/ start" data-zh="/ 快速上手">/ start</span>
</a>
<div class="nav-right">