git / moonbite-network / docs/moonbite-guidelines.html · raw

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>MoonBite — Brand &amp; Operating Guidelines</title><style>:root{--void:#0B0D12;--slate:#161A22;--bone:#F5F2EA;--gold:#D9A441;--ash:#8A8580;--gain:#2E9E6B;--loss:#C8402F;--line:#E2DED4;--d:'Archivo Black','Helvetica Neue',Arial Black,sans-serif;--b:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--m:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--void);font-family:var(--b);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}.mono{font-family:var(--m);font-variant-numeric:tabular-nums}.muted{color:var(--ash)} .ok{color:var(--gain)} .bad{color:var(--loss)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}/* masthead */.mast{background:var(--void);color:#fff;padding:64px 0 56px;border-bottom:6px solid var(--gold)}.mast .eyebrow{font-family:var(--m);font-size:12px;letter-spacing:.34em;color:var(--gold);margin:0 0 20px}.mast h1{font-family:var(--d);font-size:clamp(30px,5.2vw,58px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px}.mast p{max-width:680px;color:#C9C6C0;margin:0}.mastrow{display:flex;gap:44px;align-items:center;flex-wrap:wrap}.mastrow svg{width:118px;height:118px;color:#fff;flex:none}.stats{display:flex;gap:36px;margin-top:36px;flex-wrap:wrap}.stats div{border-left:2px solid var(--gold);padding-left:14px}.stats b{display:block;font-family:var(--d);font-size:26px;line-height:1}.stats span{font-family:var(--m);font-size:11px;letter-spacing:.16em;color:var(--ash)}/* nav */.nav{background:var(--slate);color:#fff;padding:34px 0 40px}.navgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}.navgrp b{display:block;font-family:var(--m);font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:12px;text-transform:uppercase}.navgrp a{display:flex;gap:10px;color:#C9C6C0;text-decoration:none;font-size:13.5px;padding:3px 0;border-radius:4px}.navgrp a:hover{color:#fff} .navgrp a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.navgrp a .mono{color:var(--ash);font-size:11px;padding-top:2px}/* tiers */.tier{padding:64px 0 8px;border-bottom:1px solid var(--line)}.thead{max-width:1180px;margin:0 auto 34px;padding:0 28px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.tnum{font-size:11px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}.thead h2{font-family:var(--d);font-size:clamp(22px,3vw,32px);margin:0;letter-spacing:-.01em}.tsub{color:var(--ash);font-size:14px}/* doc */.doc{max-width:1180px;margin:0 auto;padding:26px 28px 34px;display:grid;grid-template-columns:66px 1fr;gap:20px;border-top:1px solid var(--line)}.dnum{font-size:13px;color:var(--gold);padding-top:6px}.dbody h3{font-family:var(--d);font-size:20px;margin:0 0 6px;letter-spacing:-.01em}.lede{color:#4A4642;font-size:16.5px;margin:0 0 16px;max-width:74ch}.dbody p{max-width:74ch;margin:0 0 13px}.bul{margin:4px 0 14px;padding-left:19px;max-width:76ch}.bul li{margin-bottom:7px}h4{font-family:var(--m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin:26px 0 12px}code{font-family:var(--m);font-size:.9em;background:rgba(11,13,18,.06);padding:1px 5px;border-radius:4px}blockquote{margin:0 0 14px;padding:16px 20px;background:var(--void);color:#E8E5DF;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;max-width:74ch;font-size:15px}.note{font-size:13.5px;color:var(--ash);max-width:74ch}/* figures */.figs{display:flex;gap:26px;flex-wrap:wrap;margin:8px 0 6px}figure{margin:0}figcaption{font-family:var(--m);font-size:11px;color:var(--ash);margin-top:8px;letter-spacing:.06em}svg.fig{width:206px;height:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}svg.fig.wide{width:270px}.grid6{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:14px;max-width:760px}.grid6 svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--line);border-radius:8px}.no figcaption{color:var(--loss)}.sizes{display:flex;align-items:flex-end;gap:26px;margin:6px 0 4px}.szitem{text-align:center;color:var(--void)}.szitem span{display:block;margin:0 auto 8px}.szitem span svg{width:100%;height:100%;display:block}.szitem em{font-family:var(--m);font-style:normal;font-size:11px;color:var(--ash)}/* swatches */.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;max-width:920px;margin-bottom:6px}.sw{border-radius:10px;padding:14px;min-height:112px;display:flex;flex-direction:column;border:1px solid rgba(11,13,18,.10)}.sw b{font-size:13px} .sw code{background:none;padding:0;opacity:.78;font-size:11.5px}.sw span{margin-top:auto;font-size:11px;opacity:.68;line-height:1.4}/* tables */.tbl{border-collapse:collapse;width:100%;max-width:820px;margin:4px 0 14px;font-size:14.5px}.tbl th{text-align:left;font-family:var(--m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);padding:0 14px 8px 0;border-bottom:1px solid var(--line)}.tbl td{padding:9px 14px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}/* permission columns */.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:880px;margin-bottom:8px}.perm{border-radius:10px;padding:18px 20px;border:1px solid var(--line);background:#fff}.perm h4{margin:0 0 10px;color:var(--void)}.perm.y{border-left:4px solid var(--gain)} .perm.n{border-left:4px solid var(--loss)}.perm ul{margin:0;padding-left:18px;font-size:14.5px} .perm li{margin-bottom:6px}footer{background:var(--void);color:#8A8580;padding:44px 0;font-size:13px}footer b{color:#fff;font-family:var(--d);font-size:15px}@media (max-width:640px){.doc{grid-template-columns:1fr;gap:6px}.dnum{padding-top:0}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}</style></head><body><header class="mast"><div class="wrap"><p class="eyebrow">MOONBITE.ORG · BRAND &amp; OPERATING GUIDELINES · v1.1</p><div class="mastrow"><svg viewBox="-140 -125 280 250" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="currentColor"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></svg><div><h1>Thirty-three documents.<br>Five tiers. One coin.</h1><p>Most projects write a logo page and stop. A coin needs more than that — because other people will use your name, copy your mark, and speak in your voice whether you have written the rules or not.</p></div></div><div class="stats"><div><b>33</b><span>DOCUMENTS</span></div><div><b>8</b><span>DETAILED</span></div><div><b>5</b><span>TIERS</span></div><div><b>~33,000,000</b><span>MAX SUPPLY</span></div></div></div></header><nav class="nav"><div class="wrap"><div class="navgrid"><div class="navgrp"><b>1 · Brand core</b><a href="#d01"><span class="mono">01</span>Logo &amp; Mark Standard</a><a href="#d02"><span class="mono">02</span>Glyph / Symbol Standard</a><a href="#d03"><span class="mono">03</span>Colour System</a><a href="#d04"><span class="mono">04</span>Typography System</a><a href="#d05"><span class="mono">05</span>Iconography</a><a href="#d06"><span class="mono">06</span>Motion Language</a><a href="#d07"><span class="mono">07</span>Imagery Direction</a><a href="#d08"><span class="mono">08</span>Sonic Identity</a></div><div class="navgrp"><b>2 · Verbal</b><a href="#d09"><span class="mono">09</span>Voice &amp; Tone</a><a href="#d10"><span class="mono">10</span>Terminology Standard</a><a href="#d11"><span class="mono">11</span>Editorial Style</a><a href="#d12"><span class="mono">12</span>Claims &amp; Compliance Language</a><a href="#d13"><span class="mono">13</span>Localisation</a></div><div class="navgrp"><b>3 · Product</b><a href="#d14"><span class="mono">14</span>Design System / UI Kit</a><a href="#d15"><span class="mono">15</span>Website Standard</a><a href="#d16"><span class="mono">16</span>Data Visualisation</a><a href="#d17"><span class="mono">17</span>Accessibility Standard</a><a href="#d18"><span class="mono">18</span>Wallet &amp; App UI</a><a href="#d19"><span class="mono">19</span>Block Explorer</a><a href="#d20"><span class="mono">20</span>Email &amp; Transactional</a></div><div class="navgrp"><b>4 · Ecosystem</b><a href="#d21"><span class="mono">21</span>Exchange Listing Kit</a><a href="#d22"><span class="mono">22</span>Press &amp; Media Kit</a><a href="#d23"><span class="mono">23</span>Partner &amp; Co-branding</a><a href="#d24"><span class="mono">24</span>Community Use Licence</a><a href="#d25"><span class="mono">25</span>Merchandise Standard</a><a href="#d26"><span class="mono">26</span>Social Kit</a><a href="#d27"><span class="mono">27</span>Miner &amp; Pool Kit</a><a href="#d28"><span class="mono">28</span>Developer Docs Style</a></div><div class="navgrp"><b>5 · Governance</b><a href="#d29"><span class="mono">29</span>Trademark Usage Policy</a><a href="#d30"><span class="mono">30</span>Scam &amp; Impersonation Playbook</a><a href="#d31"><span class="mono">31</span>Crisis Communication</a><a href="#d32"><span class="mono">32</span>Brand Governance</a><a href="#d33"><span class="mono">33</span>Asset Management</a></div></div></div></nav><section class="tier"><header class="thead"><span class="mono tnum">Tier 1</span><h2>Brand core</h2><span class="tsub">What the coin looks like</span></header><article class="doc" id="d01"><div class="dnum mono">01</div><div class="dbody"><h3>Logo &amp; Mark Standard</h3><p class="lede">The bitten moon: one circle, one cut. Everything else in the identity is built from its geometry.</p><p>The mark is a single closed path. It is never assembled from two overlapping circles, and it never carries a stroke, gradient or shadow.</p><p>Construction is fixed: outer radius R, bite radius 0.62R, bite centre at 0.95R on a 45° upper-right axis. The waist never falls below 0.36R, which is what keeps it legible at favicon size.</p><p>Clear space on every side equals one bite radius. Nothing enters that field — not type, not a border, not another logo.</p><div class="figs"><figure><svg class="fig" viewBox="-140 -125 280 250" xmlns="http://www.w3.org/2000/svg" role="img"><circle r="100" fill="none" stroke="#8A8580" stroke-width="1.2" stroke-dasharray="5 6"/><circle cx="67.2" cy="-67.2" r="62" fill="none" stroke="#8A8580" stroke-width="1.2" stroke-dasharray="5 6"/><line x1="0" y1="0" x2="67.2" y2="-67.2" stroke="#8A8580" stroke-width="1.2"/><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><text x="-132" y="106" font-size="12" font-family="monospace" fill="#8A8580">R = 100 · bite r = 0.62R</text><text x="-132" y="122" font-size="12" font-family="monospace" fill="#8A8580">centre 0.95R @ 45°</text></svg><figcaption>Construction grid</figcaption></figure><figure><svg class="fig" viewBox="-180 -180 360 360" xmlns="http://www.w3.org/2000/svg" role="img"><rect x="-162" y="-162" width="324" height="324" fill="none" stroke="#D9A441" stroke-width="1.2" stroke-dasharray="5 6"/><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-162" y="-162" width="62" height="62" fill="#D9A441" opacity="0.16"/></svg><figcaption>Clear space = one bite radius</figcaption></figure></div><h4>Size behaviour</h4><div class="sizes"><div class="szitem"><span style="width:96px;height:96px"><svg viewBox="-125 -115 250 230" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></svg></span><em>96 px</em></div><div class="szitem"><span style="width:64px;height:64px"><svg viewBox="-125 -115 250 230" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></svg></span><em>64 px</em></div><div class="szitem"><span style="width:32px;height:32px"><svg viewBox="-125 -115 250 230" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></svg></span><em>32 px</em></div><div class="szitem"><span style="width:16px;height:16px"><svg viewBox="-125 -115 250 230" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/></svg></span><em>16 px</em></div></div><p class="note">Below 32 px the struck bars merge with the disc. Use the barless mark, never a shrunk full glyph.</p><h4>Misuse</h4><div class="grid6"><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.45,0.72)"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/></g><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never stretch</figcaption></figure><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(28)"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/></g><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never rotate</figcaption></figure><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#7A3FD4"/><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never recolour</figcaption></figure><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62 62 0 0 1 13.99 -99.02 Z" fill="none" stroke="#0B0D12" stroke-width="7"/><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never outline</figcaption></figure><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="12" r="100" fill="#8A8580" opacity="0.25"/><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never shadow</figcaption></figure><figure class="no"><svg viewBox="-150 -140 300 280" xmlns="http://www.w3.org/2000/svg"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-140" y="-16" width="150" height="32" fill="#8A8580"/><line x1="-140" y1="-135" x2="140" y2="135" stroke="#C8402F" stroke-width="5" opacity="0.85"/></svg><figcaption>never crowd</figcaption></figure></div></div></article><article class="doc" id="d02"><div class="dnum mono">02</div><div class="dbody"><h3>Glyph / Symbol Standard</h3><p class="lede">MBITE's currency character — the asset that travels furthest, because it lives inside text.</p><p>The glyph is the mark struck by two horizontal bars: 2.55R wide, 0.13R thick, at −0.34R and +0.18R. The bars extend past the disc on both sides. That protrusion is the currency signal; without it the shape reads as a notch.</p><p>The glyph sets on the baseline at cap height and takes the same colour as surrounding text unless it is the brand's own accent surface.</p><p>Amounts are written glyph-first with no space: <code>Ꞓ50.00</code>. Never <code>50.00 Ꞓ</code>, and never both glyph and ticker in the same figure.</p><p>Until the font ships, Ȼ (U+023B) is the approved stand-in so the community can write amounts today.</p><div class="figs"><figure><svg class="fig" viewBox="-140 -125 280 250" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></svg><figcaption>The glyph</figcaption></figure></div><table class="tbl"><thead><tr><th>Context</th><th>Correct</th><th>Wrong</th></tr></thead><tbody><tr><td>Price</td><td class="mono">Ꞓ50.00</td><td class="mono bad">50.00Ꞓ</td></tr><tr><td>Prose</td><td class="mono">50 MBITE</td><td class="mono bad">50 Moonbites</td></tr><tr><td>Ticker</td><td class="mono">MBITE</td><td class="mono bad">$MBITE</td></tr><tr><td>Precision</td><td class="mono">50.00000000</td><td class="mono bad">50.0</td></tr></tbody></table></div></article><article class="doc" id="d03"><div class="dnum mono">03</div><div class="dbody"><h3>Colour System</h3><p class="lede">Void and Bone carry the brand. Gold appears on roughly five percent of any screen. Red is data, never identity.</p><p>In every market on earth red means down. A brand whose logo is the same colour as a loss reads as amateur to anyone who trades. Red is therefore reserved: it means loss and nothing else.</p><p>Gold is the accent because it is the oldest signal of stored value humans have, and because it is the colour of a moon low on the horizon. It sits far enough from Bitcoin orange (#F7931A) to be ours.</p><p>Restraint is the whole strategy. Amateur crypto brands use colour everywhere because colour feels like energy. Scarcity of colour is what reads as confidence.</p><h4>Core</h4><div class="swatches"><div class="sw" style="background:#0B0D12;color:#fff"><b>Void</b><code>#0B0D12</code><span>#0B0D12 · primary surface, glyph, wordmark</span></div><div class="sw" style="background:#161A22;color:#fff"><b>Slate</b><code>#161A22</code><span>cards and panels on dark</span></div><div class="sw" style="background:#F5F2EA;color:#0B0D12"><b>Bone</b><code>#F5F2EA</code><span>light surface, warm, never pure white</span></div><div class="sw" style="background:#D9A441;color:#0B0D12"><b>Moongold</b><code>#D9A441</code><span>the one ownable accent, used sparingly</span></div><div class="sw" style="background:#8A8580;color:#0B0D12"><b>Ash</b><code>#8A8580</code><span>secondary text, labels, dividers</span></div></div><h4>Functional — meaning only, never brand</h4><div class="swatches"><div class="sw" style="background:#2E9E6B;color:#fff"><b>Gain</b><code>#2E9E6B</code><span>up candles, confirmations, success</span></div><div class="sw" style="background:#C8402F;color:#fff"><b>Loss</b><code>#C8402F</code><span>down candles, errors, warnings</span></div></div><svg class="fig wide" viewBox="-10 -6 260 140" xmlns="http://www.w3.org/2000/svg" role="img"><rect x="0" y="40" width="26" height="70" rx="4" fill="#2E9E6B"/><rect x="11" y="24" width="4" height="102" fill="#2E9E6B"/><rect x="52" y="20" width="26" height="70" rx="4" fill="#C8402F"/><rect x="63" y="6" width="4" height="100" fill="#C8402F"/><rect x="104" y="46" width="26" height="60" rx="4" fill="#2E9E6B"/><rect x="115" y="30" width="4" height="92" fill="#2E9E6B"/><g transform="translate(168,52) scale(0.30)"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></g><text x="168" y="112" font-size="11" font-family="monospace" fill="#8A8580">brand ≠ data</text></svg><h4>Contrast</h4><table class="tbl"><tbody><tr><td>Bone on Void</td><td class="mono">15.8:1</td><td class="ok">any text</td></tr><tr><td>Moongold on Void</td><td class="mono">7.9:1</td><td class="ok">any text</td></tr><tr><td>Moongold on Bone</td><td class="mono">2.1:1</td><td class="bad">shapes and display only</td></tr></tbody></table></div></article><article class="doc" id="d04"><div class="dnum mono">04</div><div class="dbody"><h3>Typography System</h3><p class="lede">Three roles. A heavy grotesque for display, a quiet sans for reading, a monospace for anything that is a number.</p><p>Every figure that represents money, a hash, an address or a block height is set in the monospace face with tabular figures. Amounts that shift horizontally as they update look broken, and on a price feed they look untrustworthy.</p><p>Display type is used at most twice per page. Its job is the wordmark and the single largest statement; beyond that it becomes noise.</p><p>Sentence case everywhere except the wordmark. All-caps is reserved for eyebrows and labels under 20 characters.</p><table class="tbl"><tbody><tr><td class="mono muted">Display</td><td class="" style="font-size:34px;font-weight:900;letter-spacing:-1px">MOONBITE</td><td class="mono muted">56px / 900 / -2%</td></tr><tr><td class="mono muted">H1</td><td class="" style="font-size:24px;font-weight:800">Mine the moon</td><td class="mono muted">34px / 800 / -1%</td></tr><tr><td class="mono muted">H2</td><td class="" style="font-size:18px;font-weight:700">Every block is a bite</td><td class="mono muted">24px / 700</td></tr><tr><td class="mono muted">Body</td><td class="" style="font-size:15px">A coin is mined, never minted.</td><td class="mono muted">16px / 400 / 1.6</td></tr><tr><td class="mono muted">Data</td><td class="mono" style="font-size:15px">50.00000000 MBITE</td><td class="mono muted">15px / mono / tabular</td></tr></tbody></table><p class="note">Fallback stack: display <code>Archivo Black, Helvetica Neue, Arial Black</code> · body <code>Inter, -apple-system, Segoe UI</code> · data <code>ui-monospace, SFMono-Regular, Menlo</code>.</p></div></article><article class="doc" id="d05"><div class="dnum mono">05</div><div class="dbody"><h3>Iconography</h3><p class="lede">One icon set, drawn on the mark's own geometry.</p><ul class="bul"><li>24px grid, 2px stroke, round caps and joins, 4px corner radius.</li><li>Geometric construction only — every curve is a circle segment, matching the mark.</li><li>Icons are Ash or Bone. Gold is reserved for the single primary action on a screen.</li><li>No filled and outline variants of the same icon in one interface.</li></ul></div></article><article class="doc" id="d06"><div class="dnum mono">06</div><div class="dbody"><h3>Motion Language</h3><p class="lede">Motion explains the chain. It never decorates it.</p><ul class="bul"><li>One easing curve everywhere: cubic-bezier(0.22, 1, 0.36, 1).</li><li>Three durations: 120ms feedback, 240ms transition, 600ms narrative.</li><li>The signature motion is the mined block: the bite deepens by one increment as a block is found.</li><li>Everything respects prefers-reduced-motion. The mining animation becomes a static counter.</li></ul><svg class="fig wide" viewBox="-10 -10 200 160" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M0 120 C 30 120 40 10 120 8" fill="none" stroke="#D9A441" stroke-width="3"/><line x1="0" y1="120" x2="120" y2="120" stroke="#8A8580" stroke-width="1"/><line x1="0" y1="120" x2="0" y2="0" stroke="#8A8580" stroke-width="1"/><text x="6" y="140" font-size="11" font-family="monospace" fill="#8A8580">cubic-bezier(0.22, 1, 0.36, 1)</text></svg></div></article><article class="doc" id="d07"><div class="dnum mono">07</div><div class="dbody"><h3>Imagery Direction</h3><p class="lede">Real surfaces, real hardware, real night. No 3D coins.</p><ul class="bul"><li>Photograph mining hardware, racks, cabling, heat, hands — the work behind proof of work.</li><li>Night and lunar imagery must be observational, not illustrative. No cartoon rockets, no astronauts.</li><li>Never: floating gold coins, bull statues, laser eyes, green candle wallpaper, stock traders.</li><li>Duotone treatment in Void and Bone keeps photography inside the palette.</li></ul></div></article><article class="doc" id="d08"><div class="dnum mono">08</div><div class="dbody"><h3>Sonic Identity</h3><p class="lede">Four notes, heard when a block is found.</p><ul class="bul"><li>One block-found tone, one wallet-confirmation tone, one error tone. Nothing else.</li><li>Sounds are short (under 600ms), unpitched-adjacent, and never melodic enough to become a jingle.</li><li>Audio is opt-in by default in every product surface.</li><li>The block-found tone is the only sound permitted in marketing video.</li></ul></div></article></section><section class="tier"><header class="thead"><span class="mono tnum">Tier 2</span><h2>Verbal</h2><span class="tsub">What the coin sounds like</span></header><article class="doc" id="d09"><div class="dnum mono">09</div><div class="dbody"><h3>Voice &amp; Tone</h3><p class="lede">Plain, technical, unhyped. The confidence is in the restraint.</p><ul class="bul"><li>Explain the mechanism, not the upside. Describe what the software does.</li><li>Never predict price, never say 'to the moon' in official copy, never use rocket or moon emoji.</li><li>Say what is not true yet. The site already does this well — keep saying it.</li><li>Short sentences. No exclamation marks in official channels.</li></ul></div></article><article class="doc" id="d10"><div class="dnum mono">10</div><div class="dbody"><h3>Terminology Standard</h3><p class="lede">One word per concept, everywhere, forever.</p><ul class="bul"><li>MoonBite is the project. MBITE is the coin. Never Moonbite, MoonBITE or $MBITE.</li><li>It is a coin, not a token. It is mined, not minted, issued or created.</li><li>People run a node, join a pool, and mine. They do not 'farm' or 'stake'.</li><li>Say network or chain. Never ecosystem.</li></ul></div></article><article class="doc" id="d11"><div class="dnum mono">11</div><div class="dbody"><h3>Editorial Style</h3><p class="lede">How numbers are written is a trust signal.</p><ul class="bul"><li>Amounts: 8 decimal places in technical contexts, 2 in prose. Always tabular figures.</li><li>Thousands separated with a comma. Block heights never separated.</li><li>Dates ISO-8601 in technical surfaces (2026-08-27), long form in prose.</li><li>Times in UTC, always labelled.</li></ul></div></article><article class="doc" id="d12"><div class="dnum mono">12</div><div class="dbody"><h3>Claims &amp; Compliance Language</h3><p class="lede">The highest-leverage document you will write. One careless sentence from one contributor can create a problem no design work can undo.</p><p>This is not legal advice and it does not replace counsel. It is an internal discipline: a fixed list of sentences that may never appear in any MoonBite channel, and the approved language that replaces them.</p><p>The rule is simple. Describe the software and the mechanism. Never describe an outcome, a return, or a reason to buy. The moment copy implies profit from the effort of a team, it starts to look like a security in several jurisdictions.</p><p>Every contributor with posting access reads this document. It applies equally to Discord replies, tweets and AMA answers — informal channels are where the risk actually lives.</p><table class="tbl"><thead><tr><th>Never say</th><th>Say instead</th></tr></thead><tbody><tr><td class="bad">Invest in MBITE</td><td class="ok">Run a node · mine MBITE</td></tr><tr><td class="bad">Guaranteed / passive returns</td><td class="ok">Block reward is 50 MBITE, halving every 330,000 blocks</td></tr><tr><td class="bad">Price will rise · undervalued</td><td class="ok">MBITE has no market price and is not listed</td></tr><tr><td class="bad">Risk-free · can't lose</td><td class="ok">Mining costs electricity and may never be recovered</td></tr><tr><td class="bad">Partnership with [exchange]</td><td class="ok">[Exchange] has listed MBITE — only once true and public</td></tr><tr><td class="bad">Presale · allocation · early access</td><td class="ok">There is no presale. Every coin is mined.</td></tr></tbody></table><h4>The standing disclosure</h4><blockquote>MBITE is a proof-of-work cryptocurrency. It is not an investment, a security, or a promise of future value. It has no guaranteed price, no listing, and no team allocation. Mining consumes electricity that may never be recovered.</blockquote><p class="note">Appears in the footer, the readme, the media kit, and the first pinned message of every community channel.</p></div></article><article class="doc" id="d13"><div class="dnum mono">13</div><div class="dbody"><h3>Localisation</h3><p class="lede">Translate the explanation. Never translate the identity.</p><ul class="bul"><li>Never translated: MoonBite, MBITE, the glyph, block, hash, node.</li><li>Always translated: every compliance disclosure, in full, reviewed by a native speaker.</li><li>RTL layouts mirror the interface but never mirror the mark — the bite stays upper-right.</li><li>Numerals stay Western Arabic in data surfaces for cross-locale comparability.</li></ul></div></article></section><section class="tier"><header class="thead"><span class="mono tnum">Tier 3</span><h2>Product</h2><span class="tsub">How the coin behaves</span></header><article class="doc" id="d14"><div class="dnum mono">14</div><div class="dbody"><h3>Design System / UI Kit</h3><p class="lede">Tokens first. Components are assembled from them, never styled ad hoc.</p><ul class="bul"><li>Spacing scale: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96.</li><li>Radius: 6px controls, 10px cards, 20px app tiles. Nothing else.</li><li>One primary action per view, in Moongold. Everything else is Ash or ghost.</li><li>Every component ships with default, hover, focus, active, disabled and loading states.</li></ul></div></article><article class="doc" id="d15"><div class="dnum mono">15</div><div class="dbody"><h3>Website Standard</h3><p class="lede">12 columns, four breakpoints, six page archetypes.</p><ul class="bul"><li>Breakpoints: 480 · 768 · 1024 · 1440. Content max-width 1140px.</li><li>Archetypes: home, how mining works, get started, explorer, caveats, press.</li><li>The caveats page is linked from the primary nav, not buried in the footer.</li><li>No modal on first visit. No newsletter interrupt. No countdown timer.</li></ul></div></article><article class="doc" id="d16"><div class="dnum mono">16</div><div class="dbody"><h3>Data Visualisation</h3><p class="lede">The gain/loss colour law is absolute.</p><ul class="bul"><li>Green means up, red means down, and neither ever appears as decoration.</li><li>Axes always start at a labelled value. Never truncate to exaggerate a move.</li><li>Supply charts show the full 32,999,999.96 ceiling, always.</li><li>Colour never carries meaning alone — pair with sign, arrow or label.</li></ul><svg class="fig wide" viewBox="-10 -6 260 140" xmlns="http://www.w3.org/2000/svg" role="img"><rect x="0" y="40" width="26" height="70" rx="4" fill="#2E9E6B"/><rect x="11" y="24" width="4" height="102" fill="#2E9E6B"/><rect x="52" y="20" width="26" height="70" rx="4" fill="#C8402F"/><rect x="63" y="6" width="4" height="100" fill="#C8402F"/><rect x="104" y="46" width="26" height="60" rx="4" fill="#2E9E6B"/><rect x="115" y="30" width="4" height="92" fill="#2E9E6B"/><g transform="translate(168,52) scale(0.30)"><path d="M 13.99 -99.02 A 100 100 0 1 0 99.02 -13.99 A 62.00 62.00 0 0 1 13.99 -99.02 Z" fill="#0B0D12"/><rect x="-127.5" y="-34" width="255" height="13" rx="6.5" fill="#D9A441"/><rect x="-127.5" y="18" width="255" height="13" rx="6.5" fill="#D9A441"/></g><text x="168" y="112" font-size="11" font-family="monospace" fill="#8A8580">brand ≠ data</text></svg></div></article><article class="doc" id="d17"><div class="dnum mono">17</div><div class="dbody"><h3>Accessibility Standard</h3><p class="lede">WCAG 2.2 AA is the floor, not the goal.</p><ul class="bul"><li>4.5:1 for body text, 3:1 for large text and UI boundaries.</li><li>Visible keyboard focus on every interactive element — never outline:none without a replacement.</li><li>prefers-reduced-motion respected everywhere, including the mining animation.</li><li>Addresses and hashes are readable by screen reader in grouped chunks, not character by character.</li></ul></div></article><article class="doc" id="d18"><div class="dnum mono">18</div><div class="dbody"><h3>Wallet &amp; App UI</h3><p class="lede">The screens where a mistake is irreversible.</p><ul class="bul"><li>Addresses shown in monospace, chunked, with first and last six always visible.</li><li>Never truncate an amount. Never round a balance down for display.</li><li>Seed phrases: no screenshots prompt, no cloud copy, no autofill, no analytics on that screen.</li><li>Destructive and irreversible actions require typed confirmation, not a checkbox.</li></ul></div></article><article class="doc" id="d19"><div class="dnum mono">19</div><div class="dbody"><h3>Block Explorer</h3><p class="lede">The explorer is the product for most people who ever visit.</p><ul class="bul"><li>A block, a transaction and an address each have one canonical layout.</li><li>Confirmations shown as a count, not a status word.</li><li>Every hash is copyable in one click and linkable.</li><li>Reorgs and orphans are shown, not hidden. Honesty is the explorer's whole value.</li></ul></div></article><article class="doc" id="d20"><div class="dnum mono">20</div><div class="dbody"><h3>Email &amp; Transactional</h3><p class="lede">Every message is a phishing target. Design against that.</p><ul class="bul"><li>MoonBite never emails asking for a seed phrase, key or password — stated in every email footer.</li><li>One sender domain, SPF/DKIM/DMARC enforced, no third-party sending domains.</li><li>Plain-text alternative for every message. No tracking pixels.</li><li>No urgency language. Attackers use urgency; if you never do, it becomes a tell.</li></ul></div></article></section><section class="tier"><header class="thead"><span class="mono tnum">Tier 4</span><h2>Ecosystem</h2><span class="tsub">How others use the coin</span></header><article class="doc" id="d21"><div class="dnum mono">21</div><div class="dbody"><h3>Exchange Listing Kit</h3><p class="lede">The one asset pack you will be asked for at the worst possible moment. Build it before you need it.</p><p>Listings, aggregators and wallets all request assets on short notice and in fixed formats. A missing or wrong-sized icon delays a listing, and the version that gets uploaded in a hurry is the one that circulates for years.</p><p>Ship one zip, versioned, from a single canonical URL. Never email a logo as an attachment — attachments become the source of truth and drift immediately.</p><table class="tbl"><thead><tr><th>Surface</th><th>Asset</th><th>Background</th></tr></thead><tbody><tr><td>CoinGecko</td><td class="mono">256×256 PNG</td><td class="muted">transparent</td></tr><tr><td>CoinMarketCap</td><td class="mono">200×200 PNG</td><td class="muted">transparent</td></tr><tr><td>Exchange listing</td><td class="mono">512×512 SVG + PNG</td><td class="muted">solid tile</td></tr><tr><td>Wallet token list</td><td class="mono">64×64 PNG</td><td class="muted">transparent</td></tr><tr><td>Favicon</td><td class="mono">32 / 16 ICO</td><td class="muted">solid tile</td></tr><tr><td>App icon</td><td class="mono">1024×1024 PNG</td><td class="muted">solid tile, no alpha</td></tr></tbody></table><h4>Rules that prevent the common failures</h4><ul class="bul"><li>PNG exports on transparent background must have the mark bled to the full canvas — aggregators crop to bounding box.</li><li>App-icon PNGs must have no alpha channel. iOS rejects them.</li><li>Supply the mark, never the lockup. Listing surfaces show the name in their own type.</li><li>Include a plain-text file with ticker, decimals, max supply, chain name and the standing disclosure.</li></ul></div></article><article class="doc" id="d22"><div class="dnum mono">22</div><div class="dbody"><h3>Press &amp; Media Kit</h3><p class="lede">Give journalists everything so they invent nothing.</p><ul class="bul"><li>One page: assets, 50/100/200-word boilerplate, founding date, technical facts, contact.</li><li>Boilerplate contains the standing disclosure. Journalists paste it verbatim.</li><li>Name the one person permitted to speak on record.</li><li>Never issue a press release for a milestone that has not already happened.</li></ul></div></article><article class="doc" id="d23"><div class="dnum mono">23</div><div class="dbody"><h3>Partner &amp; Co-branding</h3><p class="lede">Adjacency implies endorsement. Control the adjacency.</p><ul class="bul"><li>Lockups are horizontal, separated by a hairline rule, with equal optical weight.</li><li>Partner marks never touch, overlap or sit inside the bite.</li><li>'Supports MBITE' is allowed. 'Partnered with MoonBite' requires a written agreement.</li><li>Every co-branded asset is reviewed before publication. No exceptions for speed.</li></ul></div></article><article class="doc" id="d24"><div class="dnum mono">24</div><div class="dbody"><h3>Community Use Licence</h3><p class="lede">The permission document. Ambiguity kills virality — people will not remix a mark when they are unsure they are allowed to.</p><p>Most brand guidelines are written to stop people using the mark. For a coin that depends on community spread, that instinct is backwards. This document exists to say yes clearly and in advance, so that the answer to 'can I make this?' is already public.</p><p>The dividing line is not commercial versus non-commercial. It is whether the use could make someone believe they are dealing with the project itself, or could cost someone money.</p><div class="two"><div class="perm y"><h4>You may, without asking</h4><ul><li>Memes, edits, reaction images</li><li>Community merch you don&#x27;t sell at scale</li><li>Pool and explorer branding, clearly labelled unofficial</li><li>The glyph in your handle, avatar or bio</li><li>Educational videos, threads, translations</li></ul></div><div class="perm n"><h4>You may not, ever</h4><ul><li>Anything implying official endorsement</li><li>Naming a token, fund or product MoonBite-anything</li><li>Fundraising, presales or airdrops using the mark</li><li>Altering the glyph&#x27;s proportions or colour</li><li>Registering the mark or a lookalike anywhere</li></ul></div></div><p class="note">Published at moonbite.org/brand under a permissive licence, in plain language, with the mark files linked directly beside it.</p></div></article><article class="doc" id="d25"><div class="dnum mono">25</div><div class="dbody"><h3>Merchandise Standard</h3><p class="lede">The mark survives on cloth or it does not go on cloth.</p><ul class="bul"><li>Single-colour printing only below 40mm. The struck bars drop out first.</li><li>Pantone equivalents specified for Void and Moongold; never let a printer match from screen.</li><li>Embroidery: the barless mark, minimum 45mm, no bite detail below that.</li><li>No neon, no holographic, no gradient print.</li></ul></div></article><article class="doc" id="d26"><div class="dnum mono">26</div><div class="dbody"><h3>Social Kit</h3><p class="lede">Templates, so speed never costs consistency.</p><ul class="bul"><li>Avatar: barless mark on Void, centred, 20% margin. Identical on every platform.</li><li>Banner set per platform at native size, with safe areas marked.</li><li>Three post templates: announcement, technical explainer, network stat.</li><li>Every price-adjacent post carries the standing disclosure. No exceptions.</li></ul></div></article><article class="doc" id="d27"><div class="dnum mono">27</div><div class="dbody"><h3>Miner &amp; Pool Kit</h3><p class="lede">Pools are your largest unpaid marketing channel.</p><ul class="bul"><li>Approved 'Mining MBITE' badge, supplied in light and dark.</li><li>Pools must label themselves clearly as unofficial and independent.</li><li>Pool names may not begin with MoonBite or use the glyph as their own mark.</li><li>Supply the hashrate-badge endpoint so pools display live data instead of screenshots.</li></ul></div></article><article class="doc" id="d28"><div class="dnum mono">28</div><div class="dbody"><h3>Developer Docs Style</h3><p class="lede">Docs are read by the people who decide whether to build.</p><ul class="bul"><li>Every code block is copy-pasteable and complete. No pseudo-code in getting-started.</li><li>Commands shown with expected output. Errors documented alongside successes.</li><li>Second person, imperative: 'Run the node', not 'The node should be run'.</li><li>Version every page. A doc without a version is a doc nobody trusts.</li></ul></div></article></section><section class="tier"><header class="thead"><span class="mono tnum">Tier 5</span><h2>Governance</h2><span class="tsub">How the coin is defended</span></header><article class="doc" id="d29"><div class="dnum mono">29</div><div class="dbody"><h3>Trademark Usage Policy</h3><p class="lede">You cannot enforce what you never defined.</p><ul class="bul"><li>Register the wordmark and the mark in the classes and countries that matter first.</li><li>Structural distinctiveness matters more than colour — the current mark is one disc and one cut for that reason.</li><li>State the enforcement posture publicly: generous with community use, immediate against impersonation.</li><li>Have counsel run clearance before any rollout spend. This document is not a substitute for that.</li></ul></div></article><article class="doc" id="d30"><div class="dnum mono">30</div><div class="dbody"><h3>Scam &amp; Impersonation Playbook</h3><p class="lede">For a coin, this is not a communications document. It is the difference between a user losing money and not losing money.</p><p>Fake tokens using your name appear on other chains within days of any attention. Fake sites, fake airdrops and fake support accounts follow. The response has to be pre-written, because it is always needed at speed and usually at night.</p><p>The strongest defence is a permanent, boring, easy-to-find statement of what MoonBite will never do — published before any incident, so it is already indexed when someone searches during one.</p><h4>The permanent statement</h4><blockquote>MBITE exists only on the MoonBite chain. There is no MBITE token on any other chain. There is no airdrop, no presale, and no giveaway. MoonBite will never contact you first, and will never ask for your seed phrase, private key or a payment of any kind.</blockquote><h4>Response sequence</h4><ol class="bul"><li><b>Capture</b> — screenshot, URL, contract address, timestamp. Before reporting; scam pages disappear.</li><li><b>Warn</b> — pinned post in every channel within one hour, using the fixed wording. Never link the scam.</li><li><b>Report</b> — platform abuse form, registrar, and the chain explorer's scam-flag process in parallel.</li><li><b>Record</b> — log it. A pattern of documented abuse is what makes later takedowns fast.</li></ol><p class="note">Never engage the impersonator publicly. Attention is the thing they are trying to acquire.</p></div></article><article class="doc" id="d31"><div class="dnum mono">31</div><div class="dbody"><h3>Crisis Communication</h3><p class="lede">Say it early, say what you know, say what you do not.</p><ul class="bul"><li>Named scenarios: chain halt, deep reorg, wallet vulnerability, exchange delisting, key-person loss.</li><li>First statement within one hour, even if it only confirms you are investigating.</li><li>Never speculate on cause. Never minimise scope. Never go quiet.</li><li>One channel is designated canonical during an incident; everything else points to it.</li></ul></div></article><article class="doc" id="d32"><div class="dnum mono">32</div><div class="dbody"><h3>Brand Governance</h3><p class="lede">Guidelines nobody owns are guidelines nobody follows.</p><ul class="bul"><li>One named owner per document, listed on the document.</li><li>Quarterly review; anything unchanged for a year is either correct or dead — decide which.</li><li>Exceptions are granted in writing and logged. Verbal approvals do not exist.</li><li>Every published document carries a version and a date.</li></ul></div></article><article class="doc" id="d33"><div class="dnum mono">33</div><div class="dbody"><h3>Asset Management</h3><p class="lede">One source of truth, or you will have twelve.</p><ul class="bul"><li>Canonical repository, public, versioned. Everything else links to it.</li><li>File naming: moonbite-{asset}-{variant}-{size}.{ext}, lowercase, hyphens only.</li><li>SVG is the master for every mark. Raster is generated, never hand-edited.</li><li>Deprecated assets are moved to an archive folder, never deleted — you will need to prove what was current when.</li></ul></div></article></section><footer><div class="wrap"><b>MoonBite</b><p>MBITE is a proof-of-work cryptocurrency. It is not an investment, a security, or a promise of future value. It has no guaranteed price, no listing, and no team allocation. Mining consumes electricity that may never be recovered.</p><p class="mono" style="font-size:11px;letter-spacing:.14em">GUIDELINES v1.1 · DRAFT · NOT LEGAL ADVICE · v1.1 aligns emission figures to consensus (10 MBITE, 1,650,000-block halving, 2-minute blocks, 32,999,999.96 cap)</p></div></footer></body></html>