Brand assets
Logo mark, wordmark lockups, color and type specs, and social preview files for SumoSign. Use the Inter Tight S mark for favicons and avatars; use the SumoSign wordmark in nav, footers, and press.
Logo mark
The primary mark is an Inter Tight S on an ink rounded tile — outlined as a vector path so it matches the wordmark with no font dependency. Use the dark tile as the default favicon and app icon; use the light tile or bare glyphs when the surface needs the inverse.
Glyph
Inter Tight at weight 600. Capital S only — never redraw or substitute another typeface.
Tile
Ink #1e1e1e with paper-bright glyph #f9f9f9. Corner radius ~22% of the tile edge.
Clear space
Keep padding equal to the stroke width of the S on all sides. Prefer the tiled mark at small sizes (16–32px).
Wordmark
Site nav and footer use the text wordmark SumoSign — capital S, no space. Inter Tight at weight 600, letter-spacing −0.03em. Do not replace the wordmark with the S mark in the nav.
Typeface
Inter Tight at weight 600, letter-spacing −0.03em. Matches .ld-nav__brand on the live site.
Color
Ink #1e1e1e on light backgrounds. White #ffffff on charcoal or black.
Clear space
Keep padding equal to the cap height of the wordmark on all sides. Square lockups include built-in padding for partner directories.
Square wordmark lockups
512 × 512px wordmark-only squares for partner directories and press kits when a full name is required. Prefer the logo mark for favicons and app icons.
Horizontal lockups
Wordmark-only SVGs for nav-style placements, email headers, and press materials.
Color palette
One saturated accent (electric blue). Everything else is warm neutrals. Blue is reserved for primary actions and interactive states — not for the logo mark.
Typography
Inter Tight for display headlines, the wordmark, and the logo mark glyph. Inter for body copy. JetBrains Mono for eyebrows and code. Keep the mark and wordmark in the same family — never mix in a serif.
Enterprise-class signing
API-first e-signatures on your domain, built for teams that send a lot of contracts.
Open Graph image
1200 × 630px social preview on warm paper with the electric blue rail, CTA pill, and logo mark — same hero copy as the homepage. Used in site metadata for Twitter, LinkedIn, Slack, and Discord.
Favicon
SVG favicon using the dark tile mark. PNG fallbacks ship at 32×32, 192×192, and 512×512, plus a 180×180 Apple touch icon. Prefer the SVG in modern browsers.
Usage guidelines
Do
- Use the dark tile mark for favicons, app icons, and avatars
- Use the SumoSign wordmark in nav, footers, and press lockups
- Keep clear space around both mark and wordmark
- Use electric blue only for primary CTAs, links, and small accents
- Set og:image to 1200×630 and twitter:card to summary_large_image
Don't
- Replace the nav wordmark with the S mark alone
- Redraw the S in a serif or any typeface other than Inter Tight
- Recolor the mark outside ink / paper / paper-bright / white
- Stretch, rotate, or add effects to the mark or wordmark
- Use lowercase, spaced, or abbreviated forms like "sumo sign"