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
