The Brand, In Files.

Logos, palette, type, usage rules, everything press, partners, and integrators need to render Payroid correctly. Free to use. Need something not on this page? Email hello@payroid.co.

Four Marks. SVG Or PNG.

Tap SVG or PNG on any card to download. SVG for web and design tools; PNG (2048×) for print, press, slides, and anywhere SVG isn’t supported.

Wordmark

Primary lockup. Use whenever there's room for the full word.

SVG PNG

Mark with streak

Standalone asteroid mark with the meteor streak. Use for hero illustrations and large display sizes.

SVG PNG

Avatar · yellow

Social avatars, app icons, favicons. The signature yellow on ink.

SVG PNG

Avatar · ink

Inverted variant for use against light backgrounds where the yellow would feel loud.

SVG PNG

Six Values. Nothing Else.

Cream paper. Ink. Danfo yellow. Teal companion. Use these hex values verbatim. Anything outside the six isn't Payroid.

#ffc93c

Danfo 400

Primary accent: buttons, highlights, signature.

#ffd957

Danfo 300

Hover state on primary.

#0a0e11

Ink 950

Foreground text, primary action surfaces.

#fafaf7

Paper 100

Default canvas. Off-white cream.

#f3f3ee

Paper 200

Section differentiator. Subtle deeper cream.

#005c5a

Teal 500

Quiet companion. Used sparingly for atmospheric depth.

Three Type Families.

Bricolage Grotesque for display, Plus Jakarta Sans for body, JetBrains Mono for numbers and code. All open licenses. Pull straight from Google Fonts.

Bricolage Grotesque

Display: headlines, the wordmark, large numerals.

Weights · 400, 500, 600, 700, 800

No long story. Just naira.

Plus Jakarta Sans

Body: paragraphs, navigation, captions.

Weights · 400, 500, 600, 700

No long story. Just naira.

JetBrains Mono

Numerals and technical labels. Tabular figures.

Weights · 400, 500, 600

NGN1,720.00 · 04:21 · 34NSQG1itkF8DPDb2zV6w

Three Rules That Keep It Payroid.

Respect these three and the asteroid stays locked into the wordmark. Break them and it stops reading as Payroid.

DoDon't

Pair the wordmark with the asteroid mark. Never replace one with the other.
Don't redraw, recolor, or rotate the asteroid mark.
Use the cream paper (#fafaf7) or ink (#0a0e11) as the only background colors.
Don't place the wordmark over photography, gradients, or competing visuals.
Keep the clear space around the wordmark equal to the height of the asteroid mark.
Don't stretch, shear, or apply effects (drop shadow, glow, outline) to the wordmark.

Need a custom asset or a press quote?

Send us what you're working on. We'll get back within 48 hours with what you need.

hello@payroid.co

Back to home