8fcbcc3f2a
- Rename solutions/ -> 00-sns-holding (parent), shift subsidiaries to 01-07 - Rename scaffold files + headers, fix all cross-references - Add expanded operating-agreement.md for Holdings LLC (00-sns-holding/docs) - Add expanded operating-agreement.md for SNS Infrastructure LLC (subsidiary) - Fix logo-desgin.png -> logo-design.png in infrastructure branding - Move brand assets into per-business branding/ folders (drop root branding/)
93 lines
7.0 KiB
HTML
93 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<!-- SnS Network Solutions (parent / master brand) — color scheme + logo prompt. Foundation: ../../sns.md -->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SnS Network Solutions — Master Brand Sheet</title>
|
|
<style>
|
|
:root{--navy:#0A1628;--darkgray:#20252B;--white:#F6F7F9;--parent-cyan:#10C8D8;--accent:#10C8D8;/* Parent Cyan */}
|
|
*{box-sizing:border-box;margin:0;padding:0}
|
|
body{background:var(--navy);color:var(--white);font-family:"IBM Plex Sans",Inter,system-ui,Arial,sans-serif;line-height:1.5;padding:48px 24px}
|
|
.wrap{max-width:920px;margin:0 auto}
|
|
h1{font-family:Oxanium,Sora,Rajdhani,system-ui,sans-serif;font-weight:700;font-size:2.2rem;letter-spacing:.5px}
|
|
h1 .light{font-weight:300;color:var(--accent)}
|
|
.tag{color:var(--parent-cyan);font-size:1.05rem;margin:4px 0}
|
|
.accent-bar{height:6px;width:120px;background:var(--accent);border-radius:3px;margin:14px 0 32px}
|
|
h2{font-family:Oxanium,Sora,sans-serif;font-weight:600;font-size:1.15rem;margin:34px 0 14px;text-transform:uppercase;letter-spacing:1.5px}
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
|
|
.sw{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
|
|
.chip{height:88px}
|
|
.meta{padding:10px 12px;background:var(--darkgray);font-size:.82rem}
|
|
.meta b{display:block;font-size:.9rem;margin-bottom:2px}
|
|
.hex{font-family:"IBM Plex Mono",monospace;color:var(--parent-cyan)}
|
|
.signature{grid-column:1/-1}
|
|
.signature .chip{height:120px;display:flex;align-items:flex-end;padding:12px}
|
|
.signature .lbl{background:rgba(10,22,40,.55);color:#fff;padding:4px 10px;border-radius:6px;font-size:.8rem}
|
|
.type{background:var(--darkgray);border-radius:10px;padding:18px 20px}
|
|
.type p{margin:4px 0;font-size:.95rem}
|
|
.promptbox{position:relative;background:#0d1a30;border:1px solid rgba(16,200,216,.4);border-radius:10px;padding:20px;margin-top:12px}
|
|
pre{white-space:pre-wrap;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.85rem;color:#dfe7f5}
|
|
button{position:absolute;top:12px;right:12px;background:var(--accent);color:#06232a;border:0;padding:8px 14px;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:700}
|
|
button:active{transform:translateY(1px)}
|
|
.note{color:#8f9bb0;font-size:.82rem;margin-top:10px}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<h1>SnS <span class="light">Network Solutions</span></h1>
|
|
<div class="tag">Parent / master brand · every division inherits this identity</div>
|
|
<div class="accent-bar"></div>
|
|
|
|
<h2>Signature Accent (Parent)</h2>
|
|
<div class="grid">
|
|
<div class="sw signature"><div class="chip" style="background:#10C8D8"><span class="lbl">Parent Cyan <span class="hex" style="color:#06232a">#10C8D8</span></span></div></div>
|
|
</div>
|
|
|
|
<h2>Full Base Palette</h2>
|
|
<div class="grid">
|
|
<div class="sw"><div class="chip" style="background:#0A1628"></div><div class="meta"><b>Primary Navy</b><span class="hex">#0A1628</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#00A8C6"></div><div class="meta"><b>Secondary Blue</b><span class="hex">#00A8C6</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#4CE0D2"></div><div class="meta"><b>Accent Teal</b><span class="hex">#4CE0D2</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#20252B"></div><div class="meta"><b>Dark Gray</b><span class="hex">#20252B</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#F6F7F9"></div><div class="meta" style="color:#20252B;background:#F6F7F9"><b>White</b><span class="hex" style="color:#00A8C6">#F6F7F9</span></div></div>
|
|
</div>
|
|
|
|
<h2>Per-Division Accents (inherited navy base + one signature hue)</h2>
|
|
<div class="grid">
|
|
<div class="sw"><div class="chip" style="background:#1E6FFF"></div><div class="meta"><b>Infrastructure</b><span class="hex">Signal Blue #1E6FFF</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#F5A623"></div><div class="meta"><b>Secure</b><span class="hex">Amber #F5A623</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#F97316"></div><div class="meta"><b>Support</b><span class="hex">Orange #F97316</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#10B981"></div><div class="meta"><b>Systems</b><span class="hex">Emerald #10B981</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#38BDF8"></div><div class="meta"><b>Cloud</b><span class="hex">Sky #38BDF8</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#EC4899"></div><div class="meta"><b>Web</b><span class="hex">Magenta #EC4899</span></div></div>
|
|
<div class="sw"><div class="chip" style="background:#7C5CFC"></div><div class="meta"><b>Software</b><span class="hex">Violet #7C5CFC</span></div></div>
|
|
</div>
|
|
|
|
<h2>Typography</h2>
|
|
<div class="type">
|
|
<p><b>Display:</b> Oxanium / Sora / Rajdhani — geometric, "SNS" heavier.</p>
|
|
<p><b>Body:</b> IBM Plex Sans / Inter — clean, highly legible.</p>
|
|
<p><b>Rule:</b> flat, no gradients, works in 1-color, black & white, embroidery, laser, vinyl.</p>
|
|
</div>
|
|
|
|
<h2>ChatGPT Logo Prompt (Master Brand)</h2>
|
|
<div class="promptbox">
|
|
<button onclick="navigator.clipboard.writeText(document.getElementById('p').innerText)">Copy</button>
|
|
<pre id="p">Design a minimal, geometric master logo for "SnS Network Solutions" (SNS), a professional technology-infrastructure engineering company and the parent brand of a family of divisions. Flat vector style, no gradients, no 3D, no shadows — clean, precise, architectural and timeless, like the mark of a serious engineering firm rather than consumer tech.
|
|
|
|
Symbol: an abstract, engineered geometric monogram of the letters "SNS" — precise structural segments or connected nodes forming a stable, modular mark that reads as the foundation the whole company is built on. It must work icon-only and be recognizable without text, since every division will inherit it and add its own accent color.
|
|
|
|
Color: deep navy #0A1628 as the primary, a single cyan accent #10C8D8, and white #F6F7F9. Two colors maximum. Must also read cleanly in solid one-color and in pure black-and-white.
|
|
|
|
Typography: pair the icon with a clean geometric sans-serif wordmark "SnS Network Solutions" (in the style of Oxanium / Sora / IBM Plex Sans) — "SnS" heavier, "Network Solutions" lighter.
|
|
|
|
Layout: horizontal lockup, icon left and wordmark right, on a plain flat background. High contrast, generous negative space, centered, logo-sheet presentation.
|
|
|
|
Avoid: globes, ethernet cables, RJ45 connectors, wifi arcs, lightning bolts, shields, padlocks, computer monitors, clip art, gradients, drop shadows, mascots, and generic IT imagery.</pre>
|
|
</div>
|
|
<p class="note">This is the master mark. Each division reuses it and swaps only the accent color (see the per-division swatches above and each business's <code>branding.html</code>). Full brand foundation: <code>../../sns.md</code>.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|