silentmode/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hermes/branding: drop the Hermes-fashion-house commentary; orange is just a palette colour

Browse source 
Removes the 'Not Hermès' warning box, the 'collision check' callout, the
horsey-mascot don't-row, and the orange-luggage footer line. Orange moves
from an alternate / cautioned colour into the regular palette grid alongside
sky — three swatches (orange, orange-light, orange-deep).

Both the standalone hermes.x branding page and the silentmode.st/hermes
nested branding page updated in parallel so they stay consistent.
This commit is contained in:
Local Dev 2026-10-21 02:24:13 +03:00
parent 742b85621f
commit 8cd963c171
1 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
hermes/branding/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hermes — brand — Silent Mode</title>
<meta name="description" content="Hermes brand kit: mark, palette, name, tone. Not Hermès the fashion house; Hermes the messenger god.">
<meta name="description" content="Hermes brand kit: mark, palette, name, tone.">
<link rel="stylesheet" href="../../shared.css">
<style>
/* Marks are inlined (not <object>) so stroke="currentColor" inherits from the
@ -82,11 +82,6 @@
<p>The keyboard shortcut inside Theseus is <code class="inline">Ctrl+Shift+E</code> —
E for Ermis, and off the collision path with Chrome's own Ctrl+Shift+M
("switch profile").</p>
<div class="note warn" style="margin-top:1rem"><b>Not Hermès.</b> The French
fashion house owns the mental model for the word with the grave accent and
the orange. We spell it <b>Hermes</b> (no accent) and we do not use that
orange. If a visitor confuses the two, the mark alone should set them
straight.</div>
</section>
<section>
@ -144,7 +139,7 @@
</tr>
<tr>
<td class="y">Pair with the wordmark "Hermes" when context is unclear.</td>
<td class="n">Pair with the Hermès logotype or any horsey mascot.</td>
<td class="n">Apply to a product with a different protocol or trust model.</td>
</tr>
</tbody>
</table>
@ -154,22 +149,20 @@
<h2>Palette</h2>
<p class="lede">Hermes rides on Silent Mode's colour system — same acid green,
same deep panels — so it never looks like a separate app glued on.
One extra accent, warm amber, is reserved for Hermes-specific moments
(unread badge, "winged sandals" nod). <b>Not</b> Hermès orange.</p>
Warm amber and orange are extra accents for Hermes-specific moments
(unread badge, winged-sandals nod).</p>
<div class="swatches">
<div class="sw"><div class="block" style="background:#0b0e14"></div><div class="meta"><b>bg</b><code>#0b0e14</code> — primary surface</div></div>
<div class="sw"><div class="block" style="background:#141a24"></div><div class="meta"><b>panel</b><code>#141a24</code> — cards, sidebar</div></div>
<div class="sw"><div class="block" style="background:#d6ff3d"></div><div class="meta"><b>acid</b><code>#d6ff3d</code> — primary action</div></div>
<div class="sw"><div class="block" style="background:#f4c430"></div><div class="meta"><b>amber</b><code>#f4c430</code> — Hermes accent, unread</div></div>
<div class="sw"><div class="block" style="background:#FF6D00"></div><div class="meta"><b>orange</b><code>#FF6D00</code> — alternate accent</div></div>
<div class="sw"><div class="block" style="background:#FF8C1A"></div><div class="meta"><b>orange-light</b><code>#FF8C1A</code> — hover, secondary</div></div>
<div class="sw"><div class="block" style="background:#E65100"></div><div class="meta"><b>orange-deep</b><code>#E65100</code> — pressed / active</div></div>
<div class="sw"><div class="block" style="background:#e7eaf1"></div><div class="meta"><b>ink</b><code>#e7eaf1</code> — body text</div></div>
<div class="sw"><div class="block" style="background:#8b98a9"></div><div class="meta"><b>mut</b><code>#8b98a9</code> — muted text</div></div>
</div>
<div class="note"><b>Hermès-collision check.</b> Hermès corporate orange is
<code class="inline">#FF6D00</code>-ish. Our amber is <code class="inline">#f4c430</code>:
yellower hue, lower saturation. Side by side they are clearly different;
on their own, the amber reads as warm highlight, not luxury-brand orange.</div>
</section>
<section>