Brand guidelines

What the brand is.

SkimGuard is a fraud-prevention platform powered by a consumer sensor network. The brand identity reflects two ideas in tension: protection (the shield), and active detection (the credit card in motion, the orbit sweep). The visual language pairs that with a modern fintech tone — clean geometric type, royal blue, generous whitespace, and a restrained use of dark contrast.

The palette.

Royal blue leads. Near-black anchors. Cool whites and grays carry the rest.

Primary

Secondary

Neutrals

Accessibility

Royal Blue (#4169E1) on Paper (#F7F9FC) passes WCAG AA for normal text and AAA for large text. Ink (#16181D) on Paper exceeds all WCAG standards. Avoid Blue Soft (#6F8AE8) for body text on white — use it for accents and decorative elements only. When placing text on Royal Blue backgrounds, use white or Paper; do not use Ink (insufficient contrast).

Manrope, then JetBrains Mono.

One sans family for everything. One mono for technical accents.

Manrope is the primary typeface — used for headlines, body text, UI labels, and any extended reading. It's a modern geometric sans with subtly rounded terminals that echo the wordmark's character. Available free on Google Fonts.

JetBrains Mono is the accent typeface — used for technical labels, section numbers, eyebrows, code, data, and kicker text. It's never used for headlines or body. Available free on Google Fonts.

Weights in use

The mark, the wordmark, and the variants.

Eight files. Pick the one that fits the context.

The mark (icon-only)

The mark is a shield containing a credit card in motion, with an orbit sweep encircling them. Use when SkimGuard has already been identified by name elsewhere on the surface — e.g., in app icons, social avatars, favicons, document headers next to other branding.

Mark — Royal Blueskimguard_mark_blue.svg

Mark — White (for dark backgrounds)skimguard_mark_white.svg

Mark — Black (single-color print)skimguard_mark_black.svg

Mark — Monochrome Blueskimguard_mark_monochrome_dark.svg

The full logo (mark + wordmark)

Use the full logo as the primary identifier on websites, headers, deck title slides, signage, and any first-encounter surface. The four color variants cover every common background scenario.

Default — Blue mark, Ink textskimguard_full_blue_on_light.svg

Blue mark, White text (dark bg)skimguard_full_blue_on_dark.svg

All-Black (print, fax, single-color)skimguard_full_black.svg

All-White (photographic / busy dark bg)skimguard_full_white.svg

Give the logo room to breathe.

Minimum padding, minimum sizes, and why they matter.

Clear space

Maintain clear space around the logo equal to the height of the mark's shield (X). No other element — text, images, edges, other logos — may enter this space.

— X — — X — — X — — X —

The dashed boundary represents the minimum clear space. The solid boundary is the logo's bounding box. In practice, you'll often want more than X — this is the floor, not the target.

Minimum sizes

Below these sizes, the card-in-motion detail in the mark becomes muddy and the wordmark loses legibility. If you need to go smaller, use the mark-only variant rather than shrinking the full logo.

Common things to avoid.

The logo is built to do one thing well. Don't ask it to do other things.

Use approved variants only

Pick the variant that fits the background. Don't create new color combinations.

Place on competing colors

Don't use the blue logo on backgrounds that compete with the mark color (red, orange, similar blues).

Stretch or distort

Maintain aspect ratio when resizing. Hold shift in design tools, or use the proportional handle.

Rotate or tilt

The logo is horizontal. Don't rotate, angle, or arc it.

Place on busy backgrounds

If a background has visual noise, use the all-white variant or place the logo on a solid panel.

Recolor outside the palette

Use only the approved color variants. Don't tint the logo green, purple, gold, etc.

Quick reference for common situations.

Press articles

Use skimguard_full_blue_on_light.svg for editorial use. If the publication requires a specific format, use the corresponding PNG at the highest size available (the 2048px versions are sized for print). Provide the company boilerplate from the media kit.

Social media avatars

Use skimguard_mark_blue_512.png centered on a white background. For platforms with light/dark mode adaptive icons, also supply skimguard_mark_white_512.png.

Email signatures

Use skimguard_full_blue_on_light.svg or the 256px PNG. Maximum recommended size in an email signature: 120px wide.

Partner co-branding

When SkimGuard appears alongside a partner logo, separate the two with a vertical divider line in #E2E7F0, with clear space (X) on either side. The two logos should be visually balanced — match by optical weight, not by literal width.

Print and signage

For physical materials, use the SVG and let the production process rasterize at the required resolution. For one-color print, use skimguard_full_black.svg.