SudoMock Brand Guidelines

Resources for presenting the SudoMock brand consistently.

2B+
Renders
$0.002
Per render
99.9%
Uptime

Naming

"SudoMock" is a single word with capital S and M.

Correct

SudoMock, SudoMock API, SudoMock platform

Incorrect

Sudo Mock, sudomock, SUDOMOCK, Sudomock

Logo

Download individual logos or the complete pack. Each logo includes light and dark variants.

Wordmark on light background
Wordmark on dark background

Wordmark

Text-only logo. Use when the brand is already recognizable.

Logomark on light background
Logomark on dark background

Logomark

Diamond icon only. For tight layouts and favicons.

Horizontal on light background
Horizontal on dark background

Horizontal

Primary logo. Use when space allows.

Icon on light background
Icon on dark background

Icon

S icon. For app icons and social media.

Brand Colors

Our complete color palette. Click to copy HEX or RGB values.

Base Colors (Slate Scale)

Slate 900 (Deepest)
HEX

#0f172a

RGB

15, 23, 42

Primary dark background, headings on light surfaces.

Slate 800 (Dark)
HEX

#1e293b

RGB

30, 41, 59

Secondary dark background, cards on dark surfaces.

Slate 700 (Medium)
HEX

#334155

RGB

51, 65, 85

Body text, secondary text on light backgrounds.

Slate 50 (Light)
HEX

#f8fafc

RGB

248, 250, 252

Light backgrounds, cards on light surfaces.

Accent (Primary CTA) — Terra Cotta

Accent 500 (Primary)
HEX

#da7756

RGB

218, 119, 86

Primary accent. CTAs, buttons, highlights.

Accent 600 (Hover)
HEX

#c15f3c

RGB

193, 95, 60

Hover states, active elements.

Accent 700 (Dark)
HEX

#a14d30

RGB

161, 77, 48

Dark variant, pressed states.

Teal Accent (Secondary)

Teal 500 (Primary)
HEX

#14b8a6

RGB

20, 184, 166

Secondary accent. Developer elements, links.

Teal 800 (Dark)
HEX

#115e59

RGB

17, 94, 89

CTA sections, dark teal backgrounds.

Teal 300 (Light)
HEX

#5eead4

RGB

94, 234, 212

Light variant, highlights on dark backgrounds.

Utility Colors

Muted
HEX

#94a3b8

RGB

148, 163, 184

Muted text, placeholders, disabled states.

White
HEX

#ffffff

RGB

255, 255, 255

Logos and text on dark backgrounds.

Typography

Primary Font

Inter

UI, Headings, Body Text

Aa Bb Cc Dd

1234567890

Regular 400Medium 500Semibold 600Bold 700
Google Fonts
Code Font

JetBrains Mono

Code blocks, API examples

const api = 'sudomock'

0123456789

Regular 400Medium 500
Google Fonts

Partner Badges

Using SudoMock in your product? Display these badges and link them to sudomock.com.

Dark Variant (for light backgrounds)

Powered by SudoMock - DarkBuilt with SudoMock - Dark

Light Variant (for dark backgrounds)

Powered by SudoMock - LightBuilt with SudoMock - Light

Product Screenshots

High-resolution screenshots for press and marketing use.

DashboardDownload
PlaygroundDownload
API ResponseDownload

Usage Guidelines

Please follow these guidelines when using SudoMock brand assets.

Do's

  • Give the logo adequate clear space
  • Use the provided color variations
  • Maintain the original aspect ratio
  • Link badges to sudomock.com

Don'ts

  • Don't stretch or distort the logo
  • Don't recolor or add gradients
  • Don't add drop shadows or effects
  • Don't use as part of your own logo

The SudoMock name and logos are trademarks of SudoMock. For questions about usage, contact [email protected]

Press & Media Contact

For press inquiries, partnerships, or brand questions:

[email protected]

Company Information:

SudoMock

1209 Mountain Rd Pl NE, Ste N
Albuquerque, NM 87110, USA