ModelSide brand kit =================== Files in this kit ----------------- Emblem (the mark on its own) modelside-emblem.svg / -2048.png / -512.png Color, for dark surfaces. The primary version. modelside-emblem-on-light.svg / -2048.png / -512.png Color with a darker ring, for white and light surfaces. modelside-emblem-white.svg / -2048.png / -512.png One color, white. Dark photos and dark print. modelside-emblem-black.svg / -2048.png / -512.png One color, black. Faxes, stamps, one-color print. modelside-emblem-glow-2048.png The color emblem with the soft blue glow the website uses. PNG only. Lockup (emblem + wordmark) modelside-lockup-reversed.svg / -2048.png White wordmark, color emblem. For dark surfaces. modelside-lockup-on-light.svg / -2048.png Ink wordmark, on-light emblem. For white and light surfaces. modelside-lockup-white.svg / -2048.png One color, white. modelside-lockup-black.svg / -2048.png One color, black. Field aurora.svg / aurora-1600x900.png The website background gradient. Social avatar-400.png Emblem on navy, 400 x 400. og-brand-1200x630.png Link preview card for modelside.xyz/brand. Ground rules ------------ - Use the files as shipped. Do not redraw, retype, recolor, outline, stretch or add effects. The only effect we use is the soft blue glow in the glow PNG. - Pick the treatment for the surface: color or reversed on dark, on-light on white, one color when color is not available. - Clear space: keep at least one emblem height (x) of empty space on every side of the mark. - Scale proportionally. Below a wordmark height of 24 px, use the emblem alone. - The diamond stays a diamond. Do not rotate it to a square. - Do not place the mark over busy photos or patterns. Use a flat field or the aurora field. - Do not use the mark to imply a partnership or endorsement that does not exist. Co-branding ----------- Set the two marks at equal optical height, separated by a thin rule in white at 16% opacity, rgba(255,255,255,0.16): vertical when side by side, horizontal when stacked. Or use a light "x" sign. Keep at least 1x clear space around each mark; the rule sits where the two clear zones meet. Each mark stays in its own primary treatment for the surface. Never merge the two marks into one shape. In a joint announcement, name the partner first. Colors ------ Name Value CSS variable Role Navy #020617 --ms-bg Page background Card #050818 --ms-card Panels, cards and dark tiles Blue #1E66F5 --ms-blue Primary. Buttons, links and key highlights Blue 600 #1C4ED8 --primary-600 Start of the button gradient, pressed states Cyan #22D3EE --ms-cyan Accent. Hover states and focus rings Purple #8B5CF6 --ms-purple Secondary accent, mostly in the aurora field Pink #EC4899 --ms-pink A rare highlight. Use it sparingly Glow rgba(30,102,245,.55) --glow Soft blue glow behind the mark and on button hover Text #E2E8F0 --text-100 Headlines and body text on dark Secondary #94A3B8 --text-300 Supporting text and captions Muted #6A7C96 --muted-500 Quiet labels at larger sizes Stroke rgba(255,255,255,0.08) --stroke-700 Hairline borders on panels and dividers Mark colors (inside the emblem and wordmark files only, not for text or backgrounds) Emblem slate #464B56 The ring on dark surfaces Slate on light #1F2937 The ring on light surfaces Emblem blue #5D98FF The bracket, on every color treatment Ink #0C1424 The wordmark on light surfaces Aurora field ------------ Three soft lights over a dark base gradient. Sizes are radii, as a share of the frame width. 1. Cyan #22D3EE at 18% strength, centered 12% across and 18% down. Radius 42% of the width, faded out by 60% of that radius. 2. Blue #1E66F5 at 22% strength, centered 84% across and 28% down. Radius 34% of the width, faded out by 60% of that radius. 3. Purple #8B5CF6 at 16% strength, centered 50% across and 78% down. Radius 44% of the width, faded out by 65% of that radius. Base: a 140 degree linear gradient, #020617, #050818 at 35%, #031024 at 70%, back to #020617. CSS: background: radial-gradient(42vw 42vw at 12% 18%, rgba(34,211,238,.18), transparent 60%), radial-gradient(34vw 34vw at 84% 28%, rgba(30,102,245,.22), transparent 60%), radial-gradient(44vw 44vw at 50% 78%, rgba(139,92,246,.16), transparent 65%), linear-gradient(140deg, #020617, #050818 35%, #031024 70%, #020617); Type ---- Space Grotesk Bold for headlines and the wordmark. Inter for everything else. Both are open source under the SIL Open Font License 1.1 and available from Google Fonts. How to write the name --------------------- ModelSide. One word, capital M and capital S. Never "Modelside" or "Model Side". Legal name: ModelSide LLC. Boilerplate ----------- Tagline: Nothing leaves the building. Short description (in our voice): We build the AI workstation, install local models, connect them to your documents and keep it running in your office. Nothing leaves the building. Long description (for press): ModelSide builds private AI for small offices that can't put client files in ChatGPT: law firms, medical and dental practices, real estate, construction and finance businesses. The company builds the AI workstation, installs open-source models, connects them to the office's documents and keeps it running on hardware the client owns, so nothing leaves the building. ModelSide LLC was founded in 2025 and is based in New York, New York. Founder: Nathaniel Golyan, founder of ModelSide LLC, New York, New York. Questions --------- nat@modelside.xyz | 516-423-7714 | https://modelside.xyz/brand