Brand Kit

SendSMS.click Logo & Usage Guidelines

Everything press, partners, and integrators need to represent the SendSMS.click brand consistently across the web, print, and in-app experiences.

Full Logo

The primary mark pairs the paper-plane icon with the SendSMS.click wordmark. Use it whenever space and context allow — marketing pages, email footers, partner decks, press kits, and external case studies.

  • Minimum clear space equal to the height of the x in the wordmark.
  • Minimum width: 120px on screen, 25mm in print.
  • Prefer the SVG version for crisp rendering at any scale.
SendSMS.click
Primary · on light
Use on white or very light neutral backgrounds.
logo-full.svg
SendSMS.click
Reversed · on dark
Use on #0f172a or darker surfaces.
logo-full-reversed.svg

Icon (App Mark)

The square icon is reserved for tight spaces where the wordmark would become illegible: app tiles, social avatars, OG cards, and product navigation. The paper-plane glyph must always sit on the gradient tile — never extract it onto another colour.

  • Corner radius: 12/64 (scales with the tile).
  • Recommended export sizes: 512, 256, 128, 64, 32.
  • Never recolour the tile gradient.
64×64
40×40
24×24

Wordmark & Typography

The wordmark is always written as one word, camel-cased, followed by the deeper-blue top-level domain. Never hyphenate, never space, never lowercase the “SMS” segment.

  • Correct: SendSMS.click
  • Incorrect: sendsms.click, Send-SMS, SendSms.Click

Font family: the system UI stack used across the product — -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif. Wordmark weight is 700.

SendSMS.click
Do
  • Keep “.click” in the deeper blue.
  • Use bold weight at all sizes.
  • Respect clear space around the text.
Don’t
  • Don’t stretch or italicise the wordmark.
  • Don’t recolour the letters outside brand blues.
  • Don’t add drop shadows or outlines.

Favicon

The favicon is a simplified 32×32 version of the icon, tuned for legibility in browser tabs and bookmarks. It ships as an SVG (/favicon.svg) with an ICO fallback (/favicon.ico) and is referenced from the site layout as the apple-touch-icon.

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png"     href="/favicon.ico">
<link rel="apple-touch-icon"          href="/favicon.svg">
48×48
32×32
16×16
favicon.svg

Colour Palette

Brand blues carry the logo. The neutrals handle backgrounds, body copy, and UI chrome.

Brand Blue #2563eb
Deep Blue #1e40af
Ink #0f172a
Mist #f8fafc

Clear Space

Give the logo room to breathe. The minimum clear space on every side is equal to the cap-height of the wordmark — shown here as the x unit.

SendSMS.click

Common Misuse

Please avoid the following when placing our mark:

  • Don’t recolour the icon or wordmark.
  • Don’t rotate, skew, or apply 3D effects.
  • Don’t place the logo on low-contrast photography.
  • Don’t swap the icon glyph for another symbol.
  • Don’t typeset the name in a different font.

Press & Brand Assets

Need something specific — print-ready EPS, partner badges, or a co-branded lockup? Email info@sendsms.click and we’ll send over the latest kit within one business day.