Skip to content
PTEN
Download kit

Visual identity · Version 1.0 · OCT 2026

Slever

Everything you need to use the Slever brand.

Logo, monogram, colors, fonts and usage rules in one place, with the official files ready to download.

Download the full kitSee files

02 · Monogram

Sr, for small spaces.

The first and last letter of the name. For avatars, icons and places where the name does not fit.

Small Sr

A sturdier drawing without the slit, made for 20 to 63 px: interface icons and small avatars.

Dark background · SVG2 KBLight background · SVG1.9 KB

In CSS px (1x)

48
32
24
20
48
32
24
20

03 · Profile and favicon

Ready for profiles and browsers.

Files at the right size for social networks, WhatsApp and the browser tab.

Square
Circle crop
In a chat list

Profile photo

Square 2048 px PNG, opaque. Upload this square file: platforms scale it down and crop it to a circle, and the Sr already sits inside the safe area.

CharcoalPNG77 KBSVG2 KB
IvoryPNG73 KBSVG1.9 KB

Favicon

favicon.ico with 16, 24, 32 and 48 px frames drawn pixel by pixel, with rounded corners, plus a 180 px apple-touch-icon for iPhone and iPad, square because the system rounds it.

favicon.ico5.1 KBapple-touch-icon.png5.5 KB

We do not use an SVG favicon on purpose: browsers would prefer it and skip the hand-drawn frames in the ICO.

HTML
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
Next.js · metadata
export const metadata = {
  icons: {
    icon: [{ url: "/favicon.ico", sizes: "any" }],
    apple: "/apple-touch-icon.png",
  },
};

04 · Colors

Navy and ivory. Blue points.

Click a HEX value to copy it.

Brand

All of them appear in the logo.

Navy

RGB
30 42 68
CMYK
C88 M71 Y33 K60

Stage and brand colour: heroes, social and print. Logo letters on light.

Ivory

RGB
242 238 227
CMYK
C6 M5 Y13 K0

Text and logo on dark; background for light pieces. Ivory, never pure white.

Electric Blue

RGB
46 124 246
CMYK
C76 M55 Y0 K0

The single accent: buttons, links, focus, active item. In the logo, the r shoulder gradient. Not for small text on ivory.

Less vivid in print

Soft Blue

RGB
124 184 255
CMYK
C53 M23 Y0 K0

Light end of the r gradient on dark; chart lines and accent text on dark.

Less vivid in print

Strong Blue

RGB
29 95 214
CMYK
C85 M69 Y0 K0

Dark end of the r gradient on light; readable accent on ivory or paper.

Less vivid in print

Light Blue

RGB
94 162 255
CMYK
C62 M35 Y0 K0

In the logo, only the solid r shoulder of the 16 px favicon on dark. Outside the logo, the light end of the brand-piece button gradient.

Less vivid in print

Neutrals

Charcoal

RGB
12 13 18
CMYK
C85 M75 Y60 K86

Dark product canvas, built for long hours of use. Background of the profile photo, favicon and app icon.

Paper

RGB
246 244 238
CMYK
C4 M4 Y7 K0

Light canvas: emails, documents, PDFs and long reads.

Ink

RGB
20 28 48
CMYK
C91 M75 Y38 K71

Reading text on paper.

Secondary text

RGB
166 173 190
CMYK
C38 M26 Y16 K5

Secondary text and descriptions on dark.

Tertiary text

RGB
110 118 137
CMYK
C56 M43 Y28 K21

Captions, metadata and placeholders.

Reference CMYK in ISO Coated v2 (ECI) / FOGRA39, not press-proofed. Ask your printer for a physical proof.

The r gradient

The gradient belongs to the logo and lives only on the r shoulder. Always use the SVG, never rebuild the gradient.

On dark backgrounds
#7CB8FF0%
#2E7CF655%
#2E7CF6100%
On light backgrounds
#2E7CF60%
#1D5FD6100%

How to use

  1. 01Navy and ivory are the brand base; charcoal is the product canvas.
  2. 02Ivory for text and logo on dark, never pure white.
  3. 03Electric blue is the only accent: buttons, links and focus.

05 · Typography

Three voices, one conversation.

Free fonts (SIL Open Font License). Never a fourth family.

Editorial

Newsreader

Use
Headlines, hero numbers, quotes and covers.
Weights
400 to 500 for titles · 600 to 700 sparingly · italic with intent
Download TTF441 KBItalic484 KBGoogle Fonts

Your sales team never sleeps.

Interface

Hanken Grotesk

Use
Body text, buttons, fields, navigation and website.
Weights
400 text · 500 controls · 600 emphasis
Download TTF130 KBItalic136 KBGoogle Fonts

Slever puts an AI team on WhatsApp to talk, qualify and book meetings.

Technical

Spline Sans Mono

Use
Uppercase labels, times, codes and specs. Never running text.
Weights
400 to 500 · 600 sparingly
Download TTF116 KBItalic129 KBGoogle Fonts

#1E2A44 · 10 OCT 2026 · 10:30

LogoThe logo is outlined artwork, not a font. Never retype the name: always use the SVG.

06 · Usage

Room, size and background.

Three rules that keep the logo legible on any piece.

Clear space

Keep 1/4 of the S height free around the name. Around the Sr, 1/5.

xxxxSx = 1/4 of the S heightxxxxSx = 1/5

Minimum sizes

Sizes in device pixels. Below 96 px, use the Sr instead of the name.

Logo
Recommended160 px or moreScreen minimum96 px · 120 to 160 px acceptablePrint minimum25 mm
Transparent Sr
Recommended48 px or moreScreen minimum48 pxPrint minimum8 mm
Profile and icon
Recommended64 px or moreScreen minimum64 pxPrint minimum-

Favicon (.ico): one hand-drawn frame per size

  • 48 × 4848 frame
  • 32 × 3232 frame
  • 24 × 2424 frame
  • 16 × 1616 frame

Profile and icon below 64 px: use the small Sr SVG (04-favicon), made for 20 to 63 px. Social avatars: upload the profile PNG and let the platform scale it down.

Backgrounds

On photos, only over a uniform area with enough contrast. When in doubt, use a navy or ivory plate.

Dark

Navy#1E2A44
Charcoal#0C0D12
Steel#2B2F3C

Light

Ivory#F2EEE3
White#FFFFFF
Paper#F6F4EE

Avoid

  • Don't: Stretching or distorting

  • Don't: Closing the r slit

  • Don't: Changing the colors or spreading the gradient to other letters

  • Don't: Shadows, glows or effects

  • Don't: Low-contrast backgrounds

  • Don't: Retyping the name in a font

  • Don't: Adding a phrase or tagline to the logo

  • Don't: Uploading a pre-rounded profile photo

07 · Name and voice

How we write.

The name

  • Slever, capital S and the rest lowercase.

    Do:SleverDon't:slever

  • In Portuguese the brand is feminine.

    Do:a Slever, pela SleverDon't:o Slever

  • Sr is the monogram and takes no period.

    Do:SrDon't:Sr.

  • Domains always lowercase.

    Do:slever.aiDon't:Slever.ai

  • Public-surface sign-off, always in one form. In Portuguese, “pela”.

    Do:Powered by Slever · Desenvolvido pela SleverDon't:Desenvolvido por Slever

The logo always shows the name alone, with no tagline.

The voice

  1. 01We speak in the first-person plural: “We send”, “We detected”.
  2. 02Plain language and active voice, no jargon. A button says exactly what happens.
  3. 03Human, not robotic: the confidence of a serious institution with the warmth of a conversation.
  4. 04Minimal text: a short title and, if needed, one line of up to 60 characters.
  5. 05No em dashes. Dates like “10 Oct 2026”, counts like “3,379”.

08 · Files

Everything in one ZIP, or file by file.

The same files as the ZIP, in the same folders.

Full kit

slever-identidade-visual.zip

64 files · ZIP · 7.8 MB

Download ZIP

Brand guide PDF

A4 landscape · 8 pages · in Portuguese · 1.4 MB

PDF

slever-identidade-visual/

Read-me (Portuguese, with a short English section) and PDF guide (Portuguese)

Logo in 4 versions

02-monograma/

Sr monogram in 4 versions

03-perfil/

Profile photo, square and opaque

04-favicon/

Favicon, Apple icon and small Sr

05-compartilhamento/

1200 × 630 share image

06-fontes/

TTF fonts and licenses

07-cores/

Palette as ASE and CSS

08-capas/

LinkedIn, Facebook, YouTube and X covers, video-call background and Google Ads images