Skip to content

Brand

Our name, our mark, and how to use them.

For partners, press and anyone putting ModelSide on a page or a slide. Download the files, match the colors and type, and copy the approved wording. If a use isn’t covered here, ask us first.

Download the full kit(ZIP 816 KB)

One zip: every SVG and PNG, plus the ground rules.

ModelSide lockup constructionThe reversed lockup on a grid. x is the emblem height. The wordmark cap height is half of x, centered on the emblem, and the wordmark starts 0.3x after it. A dashed box marks 1x of clear space on every side.xxxx0.3x
Clear space: 1x on every sideCap height 0.5x, centeredx = emblem height, gap 0.3x

01Marks

The marks

Two marks: the emblem on its own, and the lockup with the wordmark. Each comes in a treatment for dark surfaces, one for light surfaces and one-color versions. Every file is shown on the surface it is built for.

Emblem

A diamond with a bracket inside it. Use it for avatars, app icons and anywhere the wordmark would be too small to read.

Lockup

The emblem and the wordmark together. This is the first choice wherever there is room for it.

More files

Social avatar

The emblem on navy, 400 by 400, for profile pictures.

Download social avatar as PNG 400, 4 KB

Link card

1200 by 630, for link previews when this page is shared.

Download link preview card, 1200 by 630 PNG as PNG 1200x630, 220 KB

Ground rules

The file list, colors, usage rules and boilerplate in plain text.

Download brand kit readme as README.txt, 6 KB

02Color

Color

A deep navy ground, one confident blue and a cyan accent. Purple and pink stay in the background. These are the exact values the website uses, with the CSS variable for each.

Palette

Every value has a copy button.

  • Navy

    #020617

    Page background. The ground everything sits on.

    var(--ms-bg)

  • Card

    #050818

    Panels, cards and dark tiles.

    var(--ms-card)

  • Blue

    #1E66F5

    Primary. Buttons, links and key highlights.

    var(--ms-blue)

  • Blue 600

    #1C4ED8

    Start of the button gradient and pressed states.

    var(--primary-600)

  • Cyan

    #22D3EE

    Accent. Hover states and focus rings.

    var(--ms-cyan)

  • Purple

    #8B5CF6

    Secondary accent, mostly in the aurora field.

    var(--ms-purple)

  • Pink

    #EC4899

    A rare highlight. Use it sparingly.

    var(--ms-pink)

  • Glow

    rgba(30,102,245,.55)

    The soft blue glow behind the mark and on button hover.

    var(--glow)

  • Text

    #E2E8F0

    Headlines and body text on dark.

    var(--text-100)

  • Secondary

    #94A3B8

    Supporting text and captions.

    var(--text-300)

  • Muted

    #6A7C96

    Quiet labels at larger sizes.

    var(--muted-500)

  • Stroke

    rgba(255,255,255,0.08)

    Hairline borders on panels and dividers.

    var(--stroke-700)

Mark colors

Used only inside the emblem and wordmark files. Not for text or backgrounds.

  • Emblem slate

    #464B56

    The ring of the emblem on dark surfaces.

    Mark only

  • Slate on light

    #1F2937

    The ring of the emblem on light surfaces.

    Mark only

  • Emblem blue

    #5D98FF

    The bracket, on every color treatment.

    Mark only

  • Ink

    #0C1424

    The wordmark on light surfaces.

    Mark only

The aurora field

Our signature background. Three soft lights over a dark gradient.

ModelSide lockup on the aurora field

Live: this tile is painted with the same CSS as the page behind it.

  1. Cyan light

    #22D3EE at 18% strength, centered 12% across and 18% down. A circle with a radius of 42% of the frame width, faded out by 60% of that radius.

  2. Blue light

    #1E66F5 at 22% strength, centered 84% across and 28% down. A circle with a radius of 34% of the frame width, faded out by 60% of that radius.

  3. Purple light

    #8B5CF6 at 16% strength, centered 50% across and 78% down. A circle with a radius of 44% of the frame width, faded out by 65% of that radius.

  4. Base

    A 140 degree linear gradient: Navy #020617, Card #050818 at 35%, deep blue #031024 at 70%, and back to Navy. The lights sit on top of it. On the website the field stays fixed while the page scrolls.

Download aurora field as SVG, 1 KBDownload aurora field, 1600 by 900 PNG as PNG 1600x900, 142 KB
Show the 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);

03Typography

Typography

Two open-source typefaces from Google Fonts. Space Grotesk carries the headlines and the wordmark. Inter carries everything people read.

Display

Space Grotesk

Weights
Semibold 600, Bold 700
Used for
Headlines, section titles, card titles and the wordmark.
Settings
Bold for headlines. Letter spacing +0.02em on titles, closer to 0 at display sizes. Line height 1.05 to 1.15.
License
SIL Open Font License 1.1. Get it from Google Fonts

Private AI for offices and firms. Nothing leaves the building.

  • 600We build it, install it and keep it running.
  • 700We build it, install it and keep it running.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 & . , : ; ? ! ( ) @ #

Text

Inter

Weights
Regular 400, Medium 500, Semibold 600
Used for
Body copy, buttons, navigation, forms and captions.
Settings
Regular for reading, Semibold for buttons. Line height about 1.6 for paragraphs.
License
SIL Open Font License 1.1. Get it from Google Fonts

Private AI for offices and firms. Nothing leaves the building.

We build the AI workstation, install local models, connect them to your documents and keep it running in your office. Your files are processed on hardware you own, and nothing is sent to ModelSide or any cloud.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 & . , : ; ? ! ( ) @ #

04Usage

Usage

A few rules keep the mark recognizable wherever it shows up. If you are not sure a use is fine, email us before it goes out and we will answer within one business day.

Do

  • Use the files as shipped, from this page or the kit.
  • Pick the treatment for the surface: color or reversed on dark, on-light on white, one color when color printing is not available.
  • Keep clear space of at least 1x, the height of the emblem, on every side of the mark.
  • Scale the mark proportionally. When the wordmark would be shorter than 24 px, switch to the emblem alone.
  • Put the mark on a flat dark or light field, or on the aurora field.

Don’t

  • Recolor the mark, outline it or add effects. The only effect we use is the site’s own soft blue glow.
  • Rotate the diamond into a square, or stretch, squash or skew it.
  • Retype the wordmark or set “ModelSide” in another font next to the emblem.
  • Place the mark over busy photos, patterns or low-contrast colors.
  • Use the mark to imply an endorsement or partnership that doesn’t exist.

What not to do, drawn

  • Don’t recolor it
  • Don’t outline it
  • Don’t add gradients or effects
  • Don’t rotate it into a square
  • Don’t stretch or squash it
  • Don’t retype the wordmark
  • Don’t place it on busy images
  • Don’t imply an endorsement

05Co-branding

ModelSide alongside a partner

When our mark appears next to another company’s, both should look like equals. These rules apply to slides, announcements, event pages and anything else that shows the two marks together.

Co-branding example, stackedA neutral placeholder partner logo, a thin rule, and the ModelSide reversed lockup. Both marks are the same height, and each has 1x of clear space; the two clear zones meet at the rule.1x1x1x1xPARTNER, PLACEHOLDERMODELSIDE, REVERSED
Partner first, a thin rule, then ModelSide. The partner mark is a neutral placeholder, not a real logo. Dashed lines show each mark’s 1x clear space, and the purple lines show the shared height. Stacked like this, the rule runs horizontally between the two clear zones, in white at 16% opacity.

  1. Equal optical height

    Size the two marks so they read as the same height. Neither mark should look like the smaller partner.

  2. A thin rule or a light ×

    Separate the marks with 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 × between them.

  3. Clear space for each

    Keep at least 1x of clear space around each mark, and more if the partner’s own guidelines ask for it. The rule sits where the two clear zones meet.

  4. Each in its own treatment

    Both marks use their own primary version for the surface. On dark, that means our reversed lockup and the partner’s reversed logo.

  5. Never merged

    Don’t join the marks into one shape, share letters, or build a new combined logo.

  6. Only for real relationships

    Co-brand only when both sides have agreed to it. In a joint announcement we name the partner first, as a courtesy.

06Boilerplate

Boilerplate

Approved wording for articles, event programs, partner pages and introductions. Copy it as written.

Tagline

Nothing leaves the building.

28 characters

How to write the name

ModelSide

One word, capital M and capital S. The legal name is ModelSide LLC.

  • ModelSide
  • Modelside(incorrect)
  • Model Side(incorrect)

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.

146 characters

Founder line

Nathaniel Golyan, founder of ModelSide LLC, New York, New York.

63 characters

Long description (for press)

ModelSide builds private AI for offices and firms 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.

440 characters

Take the kit.

Every mark in SVG and PNG, the aurora field, the avatar and the ground rules in one zip. Questions about a use we haven’t covered? Ask before it goes out.

Download the full kit(ZIP 816 KB)Ask about usage

Or call 516-423-7714. We reply within one business day.

ZIP 816 KB26 filesUpdated 2026-09-16