Logo pendingGuardify Brand Bot

Logos

Guardify's identity centers on a hexagonal G-mark with an interior star. Three lockups — horizontal, vertical, and icon-only — cover most contexts.

Heads up: production logo assets aren't in place yet. Variants and rules below are accurate; preview images will light up once the asset bundle lands.

Horizontal logo

Default lockup. Hexagonal G-mark followed by the 'Guardify' wordmark. Use this version most often.

  • SVG (light) — /brand/logos/guardify-horizontal-color.svg
  • SVG (dark) — /brand/logos/guardify-horizontal-on-dark.svg
  • SVG (color) — /brand/logos/guardify-horizontal-white.svg
  • SVG (light) — /brand/logos/guardify-horizontal-black.svg

Vertical logo

Stacked lockup with the G-mark above the 'Guardify' wordmark. Use only when horizontal space is constrained.

  • SVG (light) — /brand/logos/guardify-vertical-color.svg
  • SVG (dark) — /brand/logos/guardify-vertical-on-dark.svg

Icon only

Hexagonal G-mark on its own. Use for favicons, social profile pictures, app icons, and tight UI moments.

  • SVG (light) — /brand/logos/guardify-icon-color.svg
  • SVG (dark) — /brand/logos/guardify-icon-on-dark.svg
Spacing

Allow at least one star-height of clear space on every side of the logo. The interior star of the G-mark is the unit.

Minimum size

Maintain readability of the wordmark — do not scale the horizontal lockup below ~120px wide. The icon-only mark may go smaller (down to favicon scale).

✓ Proper usage

  • Use the full-color version on white or light surfaces by default.
  • Use the full-color version with white text on dark backgrounds (e.g., navy / true blue).
  • Use the all-white logo on medium-colored backgrounds that would clash with the full-color logo (e.g., on the brand blue itself).
  • Use the black logo on white backgrounds when production limitations require a one-color logo.
  • The logo icon may be used as a decorative background element at 10% opacity.
  • The full-color version with white text may be used on top of photos with a dark overlay.

✗ Don'ts

  • Do not change the color of the logo to anything outside the approved brand colors.
  • Do not put a stroke around the logo.
  • Do not stretch or skew the logo.
  • Do not place the logo at an angle.
  • Do not use the full-color logo on a blue gradient background — use the white logo instead.
  • Do not put a shadow on the logo.
  • Do not embellish the logo (added effects, glows, gradients beyond the approved set).
  • Do not use the color logo over a high-contrast photo without a darkening overlay.
  • Do not put patterns over the logo.