Brand kit

Our name and mark, in good faith.

Logos, icons, social artwork, colors and type for Bona Fide. Every file is generated from the same master artwork as bonafide.republic.global, with text converted to outlines, so it looks identical in any app — no fonts needed.

Download everything ZIP · 3.4 MB · 157 files Usage guidelines

Logos

The mark, the name, together.

Three lockups in four colorways. SVG and PDF are vector (use them for print and design tools); PNGs come 256, 512, 1024, 2048 px wide, each one the @2x of the one before.

Logo

The mark and the wordmark side by side: the default wherever there is room.

Primary

Full color for light backgrounds: ink tile, paper “b”, vermilion check, ink wordmark.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Reversed

Full color for dark backgrounds: paper tile, ink “b”, vermilion check, paper wordmark.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Black

One color, black, with the “b” and check cut out: print, fax, engraving, single-ink jobs.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

White

One color, white, with the “b” and check cut out: photos and colored backgrounds.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Mark

The “b with a seal check” tile on its own: app icons, avatars, favicons and tight spaces.

Primary

Full color for light backgrounds: ink tile, paper “b”, vermilion check, ink wordmark.

SVG 559 B PDF 1 KB

PNG256 512 1024 2048

Reversed

Full color for dark backgrounds: paper tile, ink “b”, vermilion check, paper wordmark.

SVG 561 B PDF 1 KB

PNG256 512 1024 2048

Black

One color, black, with the “b” and check cut out: print, fax, engraving, single-ink jobs.

SVG 732 B PDF 2 KB

PNG256 512 1024 2048

White

One color, white, with the “b” and check cut out: photos and colored backgrounds.

SVG 732 B PDF 2 KB

PNG256 512 1024 2048

Wordmark

The lowercase name set in Inter Tight Bold, for places where the mark already appears nearby.

Primary

Full color for light backgrounds: ink tile, paper “b”, vermilion check, ink wordmark.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Reversed

Full color for dark backgrounds: paper tile, ink “b”, vermilion check, paper wordmark.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Black

One color, black, with the “b” and check cut out: print, fax, engraving, single-ink jobs.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

White

One color, white, with the “b” and check cut out: photos and colored backgrounds.

SVG 5 KB PDF 4 KB

PNG256 512 1024 2048

Icons

Favicons and app icons.

A complete set for websites and web apps. Put the files at the site root and add the tags below to the page’s <head>.

favicon.svg

Vector favicon for modern browsers (the source mark, unchanged).

SVG 484 B

favicon.ico

Legacy favicon with 16, 32 and 48 px images, for /favicon.ico.

ICO 3 KB

favicon-16.png

16 × 16

16 × 16 browser tab icon.

PNG 483 B

favicon-32.png

32 × 32

32 × 32 browser tab icon (high-density tabs, taskbar).

PNG 848 B

favicon-48.png

48 × 48

48 × 48 icon (Windows site tiles, search results).

PNG 1 KB

apple-touch-icon.png

180 × 180

180 × 180 full-bleed icon; iOS rounds the corners itself.

PNG 3 KB

icon-192.png

192 × 192

192 × 192 web app manifest icon (purpose “any”).

PNG 5 KB

icon-512.png

512 × 512

512 × 512 web app manifest icon (purpose “any”), also the install splash.

PNG 13 KB

icon-maskable-512.png

512 × 512

512 × 512 full-bleed manifest icon (purpose “maskable”): the mark stays inside the 80% safe circle.

PNG 8 KB

webmanifest

site.webmanifest

Web app manifest listing the icons above.

WEBMANIFEST 483 B

txt

favicon-snippet.txt

The <link> tags for a page’s <head>.

TXT 261 B

HTML

The tags for the set above (also in the kit as favicon/favicon-snippet.txt).

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0B0F1A">

Colors

Ink, paper and a drop of sealing wax.

Ink and paper do most of the work; vermilion is the accent and seal green only ever means “verified”. Values come straight from the stylesheet of bonafide.republic.global. CMYK figures are uncalibrated approximations — ask your printer for profile-matched values.

#0B0F1A

Ink

--ink

Primary background and text on light surfaces. The brand’s base color.

HEX: #0B0F1A
RGB: rgb(11, 15, 26)
HSL: hsl(224, 41%, 7%)
CMYK: C58 M42 Y0 K90
CSS: var(--ink)

#121828

Ink 2

--ink-2

Raised surfaces on ink: cards, panels.

HEX: #121828
RGB: rgb(18, 24, 40)
HSL: hsl(224, 38%, 11%)
CMYK: C55 M40 Y0 K84
CSS: var(--ink-2)

#1B2336

Ink 3

--ink-3

Highest surfaces on ink: inputs, code, hover states.

HEX: #1B2336
RGB: rgb(27, 35, 54)
HSL: hsl(222, 33%, 16%)
CMYK: C50 M35 Y0 K79
CSS: var(--ink-3)

#F6F5F1

Paper

--paper

Text on ink and the light background. Warm off-white, never pure white.

HEX: #F6F5F1
RGB: rgb(246, 245, 241)
HSL: hsl(48, 22%, 95%)
CMYK: C0 M0 Y2 K4
CSS: var(--paper)

#A3A9B8

Muted

--muted

Secondary text on ink.

HEX: #A3A9B8
RGB: rgb(163, 169, 184)
HSL: hsl(223, 13%, 68%)
CMYK: C11 M8 Y0 K28
CSS: var(--muted)

#6F7689

Muted 2

--muted-2

Tertiary text, captions and fine print.

HEX: #6F7689
RGB: rgb(111, 118, 137)
HSL: hsl(224, 10%, 49%)
CMYK: C19 M14 Y0 K46
CSS: var(--muted-2)

#19C37D

Seal green

--seal

Reserved for “verified”, “valid” and “done”. Never decorative.

HEX: #19C37D
RGB: rgb(25, 195, 125)
HSL: hsl(155, 77%, 43%)
CMYK: C87 M0 Y36 K24
CSS: var(--seal)

#FF5B3A

Vermilion

--signal

Sealing-wax accent: the check in the mark, highlights, calls to action.

HEX: #FF5B3A
RGB: rgb(255, 91, 58)
HSL: hsl(10, 100%, 61%)
CMYK: C0 M64 Y77 K0
CSS: var(--signal)

#F5B84B

Amber

--warn

Warnings and pending states.

HEX: #F5B84B
RGB: rgb(245, 184, 75)
HSL: hsl(38, 89%, 63%)
CMYK: C0 M25 Y69 K4
CSS: var(--warn)

Tints

Translucent versions used for hairlines and soft highlights on ink.

--linergba(246, 245, 241, 0.09)

--line-strongrgba(246, 245, 241, 0.16)

--seal-softrgba(25, 195, 125, 0.14)

--signal-softrgba(255, 91, 58, 0.15)

Tokens

The CSS custom properties, ready to paste, and palette files for design tools.

:root {
  --ink: #0b0f1a;
  --ink-2: #121828;
  --ink-3: #1b2336;
  --line: rgba(246, 245, 241, 0.09);
  --line-strong: rgba(246, 245, 241, 0.16);
  --paper: #f6f5f1;
  --muted: #a3a9b8;
  --muted-2: #6f7689;
  --seal: #19c37d;
  --seal-soft: rgba(25, 195, 125, 0.14);
  --signal: #ff5b3a;
  --signal-soft: rgba(255, 91, 58, 0.15);
  --warn: #f5b84b;
}

bona-fide-colors.css

CSS custom properties, as used on bonafidesign.com.

CSS 1022 B

bona-fide-colors.json

Design tokens (HEX, RGB, HSL, CMYK) for code and plugins.

JSON 3 KB

bona-fide.ase

Adobe Swatch Exchange for Illustrator, Photoshop, InDesign and Affinity.

ASE 516 B

bona-fide.gpl

GIMP / Inkscape / Krita palette.

GPL 303 B

Typography

Three typefaces, all open.

All three are free under the SIL Open Font License 1.1: use, embed and redistribute them, commercially too. On the web we serve them from the Fontsource packages.

AaE-signatures, done right.300400500600700800ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &@$€%?!

Inter Tight

Role: Text, headlines, interface and the wordmark
Weights: Variable, 100–900
In use: Regular 400 for text, Semibold 600–650 for headlines, Bold 700 for the wordmark
License: SIL Open Font License 1.1

font-family: 'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif;

Google Fonts Fontsource Source

Aafinally, in good faithABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &@$€%?!

Instrument Serif

Role: Accent words in headlines, always italic
Weights: Regular 400, roman and italic
In use: Italic 400 only, for one or two words per headline
License: SIL Open Font License 1.1

font-family: 'Instrument Serif', Georgia, serif; font-style: italic;

Google Fonts Fontsource Source

AaPOST /v1/envelopesABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &@$€%?!

JetBrains Mono

Role: Code, API samples, hashes and IDs
Weights: Variable, 100–800
In use: Regular 400 and Medium 500
License: SIL Open Font License 1.1

font-family: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, monospace;

Google Fonts Fontsource Source

Font stacks

As defined on bonafide.republic.global.

:root {
  --font-sans: 'Inter Tight Variable', 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, monospace;
}

Usage

Give it room, keep it honest.

A few rules keep the logo recognisable wherever it appears. When in doubt, use the primary logo on paper or the reversed logo on ink.

Clear space

Keep free space of x on every side, where x is a quarter of the logo’s height — the same as the tile’s corner radius. For the mark alone, x is a quarter of the tile.

Logo
96 px · 25 mm

Mark
16 px · 6 mm

Wordmark
64 px · 18 mm

Minimum sizes

Below these widths, details fill in. Shown at the real minimum. Under 96 px wide, use the mark alone.

Do

✓ Primary on paper, white or light photos.

✓ Reversed on ink and other dark backgrounds.

✓ White one-color on vermilion and strong colors.

✓ Black one-color for single-ink print.

Don’t

Each example below uses the real files, misused on purpose.

✕ Stretch, squash or change the proportions.

✕ Recolor the tile, the check or the wordmark.

✕ Place it on busy patterns or photos without enough contrast.

✕ Use the primary logo on dark backgrounds.

✕ Rotate, skew or set it on a path.

✕ Add shadows, glows, outlines or other effects.

✕ Retype the wordmark in another typeface.

Name and boilerplate

How to write Bona Fide.

Two words, both capitalized, in running text. The lowercase “bona fide” belongs to the wordmark artwork only.

Write

Bona Fide

Possessive: Bona Fide’s. Domain: bonafide.republic.global. The product is simply Bona Fide; describe it as an e-signature platform.

Don’t write

~~BonaFide~~
~~Bona-Fide~~
~~Bonafide~~
~~BONA FIDE~~
~~bona fide~~
~~Bona Fide Sign~~

Boilerplate

Copy for articles, listings and partner pages, from the landing page.

One line

7 words

Bona Fide is the API-first e-signature platform.

Short

32 words

Long

84 words

Bona Fide is the API-first e-signature platform. Generate contracts from templates, embed signing anywhere, and ship documents that verify green in Adobe — without seat fees, envelope anxiety, or a sales call. Every completed document is sealed to the PAdES standard and validates green in Adobe; a hash-chained audit trail records who did what, when, and how they were verified. The name is Latin for “in good faith”: every step a signer takes is recorded, every document is sealed, and anyone can check it.

Press

Writing about us?

For interviews, product information, screenshots or anything not in this kit, email press@bonafidesign.com. Developers will find the API at bonafide-docs.republic.global.

Email the press team Download the kit 3.4 MB

The Bona Fide name and logo are trademarks of Bona Fide. Use them to refer to Bona Fide and its products, not in a way that suggests partnership or endorsement. The kit holds 157 files; the typefaces are © their authors under the SIL Open Font License.

Our name and mark, in good faith.

The mark, the name, together.

Logo

Primary

Reversed

Black

White

Mark

Primary

Reversed

Black

White

Wordmark

Primary

Reversed

Black

White

Favicons and app icons.

favicon.svg

favicon.ico

favicon-16.png

favicon-32.png

favicon-48.png

apple-touch-icon.png

icon-192.png

icon-512.png

icon-maskable-512.png

site.webmanifest

favicon-snippet.txt

HTML

Ready for every feed.

Profile pictures

Profile picture 400

Profile picture 1080

Banners and covers

LinkedIn company cover

LinkedIn personal background

X (Twitter) header

Facebook cover

Facebook cover (hi-res)

YouTube channel art

Post templates

Square post

Portrait post

Story / reel

Link share / Open Graph

Email and slides

Email signature logo

Slide title background

Email logos

logo.png

logo-light.png

mark.png

Ink, paper and a drop of sealing wax.

Ink

Ink 2

Ink 3

Paper

Muted

Muted 2

Seal green

Vermilion

Amber

Tints

Tokens

bona-fide-colors.css

bona-fide-colors.json

bona-fide.ase

bona-fide.gpl

Three typefaces, all open.

Inter Tight

Instrument Serif

JetBrains Mono

Font stacks

Give it room, keep it honest.

Clear space

Minimum sizes

Do

Don’t

How to write Bona Fide.