Skip to content

Logo usage

Identity
One geometry.
Infinite trust.

The Infinitrust mark is the visual origin of Geometry of Trust. Its proportions, direction and negative space inform the broader design system.

The master mark is the authoritative source for every logo application.

Use only approved assets generated from the master SVG. Do not redraw, trace or reconstruct the mark manually.

Master mark

Infinitrust master mark

The master mark is the authoritative source of the visual identity.

Every official logo variant, application icon, favicon, rendering and animation derives from this vector.

It also defines the geometry used throughout the Geometry of Trust design system.

Approved variants

Brand

Marketing, landing pages and product communication.

Neutral

Documentation, diagrams and technical publications.

White

Dark backgrounds and product interfaces.

Black

Light backgrounds and printed material.


Master assets

Primary symbol

Infinitrust mark

The standalone symbol used for application icons, favicons, compact navigation, diagrams and product identification.

infinitrust-master.svg
Wordmark

Infinitrust wordmark

The outlined name used in contexts where the brand name must remain explicit and typographically fixed.

infinitrust-wordmark.svg

Note

The supplied second SVG contains the outlined wordmark only. A combined horizontal lockup containing both the mark and wordmark remains a separate future asset.


Official identity colors

Preview Name Value Token Role
Identity Magenta #E418EF --got-magenta Primary identity color
Verification Cyan #37DCF7 --got-cyan Secondary identity and verification color
Neutral White #F5F3FA --got-neutral Monochrome use on dark surfaces
Geometry Violet #8A48FF --got-violet Gradient transition and spatial depth

The official brand gradient is:

var(--got-gradient-brand)

Equivalent value:

linear-gradient(
  135deg,
  #E418EF 0%,
  #8A48FF 48%,
  #37DCF7 100%
)

Use the gradient for controlled commercial emphasis. Use a monochrome version when color does not add meaning.


Approved rendering modes

Default

Identity Magenta

Preferred flat rendering on dark, neutral and low-detail surfaces.

Technical

Monochrome

Use Neutral White or black for documentation, diagrams, small UI, print and restricted-color contexts.

Commercial

Brand gradient

Use for selected marketing applications, launch material and prominent brand moments.

Dimensional

Precision crystal

Reserved for hero imagery, keynote visuals and controlled motion work.

Engineering

Wireframe

Used for construction sheets, protocol diagrams and explanatory technical material.

Physical

Engraved or embossed

Use a single material and preserve the complete internal geometry.


Clear space

Clear space protects the mark from visual interference.

Until the construction sheet is completed, use a minimum exclusion zone equal to the width of the mark's narrow vertical branch on every side.

The final clear-space unit must be measured from the approved master SVG and documented as a fixed geometric relationship, not as an arbitrary pixel value.

Do
  • Keep text, icons and boundaries outside the exclusion zone.
  • Increase clear space for hero and editorial applications.
  • Measure from the visible artwork, not the SVG artboard.
Do not
  • Place the mark against a container edge.
  • Allow typography or graphics to enter its internal negative space.
  • Use the original oversized artboard as the visible boundary.

Minimum sizes

These values are safe working limits and should be validated in the final application context.

Context Minimum size Asset
Browser favicon 16px Simplified or tested mark
Compact UI 20px Mark
Standard navigation 28px Mark
Marketing use 48px Mark
Wordmark on screen 96px wide Wordmark
Print 12mm high Mark

At small sizes, use the flat monochrome mark. Do not use gradients, crystal effects or fine outlines where they reduce recognition.


Backgrounds

Preferred

Void

Use Identity Magenta, Neutral White or the approved brand gradient.

Preferred

Dark ceramic

Use Identity Magenta, Verification Cyan or Neutral White with sufficient contrast.

Light context

Neutral White

Use the black or Identity Magenta version. Do not use Neutral White.

Conditional

Photography or illustration

Use only over quiet areas with verified contrast. Add a controlled dark field when necessary.


Digital implementation

Inline SVG

Use inline SVG when the logo must inherit CSS color:

<svg class="infinitrust-logo" viewBox="0 0 291.6 759.4" aria-label="Infinitrust">
  <use href="/assets/images/logo/infinitrust-symbols.svg#infinitrust-mark"></use>
</svg>
.infinitrust-logo {
  width: 2rem;
  height: auto;
  color: var(--got-magenta);
}

The generated symbol uses fill="currentColor", so changing color changes the mark.

External image

<img src="/assets/infinitrust-mark-magenta.svg" alt="Infinitrust">

Use a fixed-color asset when the logo is loaded through an <img> element. CSS on the surrounding page cannot normally override the internal fill of an external SVG image.

CSS mask

Use the mask asset when the mark needs a CSS color or gradient while remaining an external file:

<span class="infinitrust-logo-mask infinitrust-logo-mask--gradient" aria-hidden="true"></span>

A mask is suitable for the standalone mark because it is a single-color silhouette.


Asset package

Asset Status Purpose
Master mark SVG Authoritative symbol source
Wordmark SVG Outlined Infinitrust name
CSS-colorable mark Inline or symbol use with currentColor
Fixed-color variants <img>, email and fixed brand contexts
Brand-gradient variant Selected marketing use
CSS mask asset CSS color and gradient rendering
SVG symbol sprite Reusable inline symbols
Combined horizontal lockup Pending Mark and wordmark composition
Construction sheet Pending Geometry, clear space and measurements
Favicon package Pending Browser and PWA icons
3D master Pending Crystal and motion rendering

Restrictions

Do
  • Use assets generated from the approved master SVG.
  • Scale the mark proportionally.
  • Use approved identity colors and rendering modes.
  • Preserve the internal gaps and negative space.
  • Use monochrome whenever a richer rendering reduces clarity.
Do not
  • Stretch, rotate, skew or redraw the mark.
  • Recolor individual segments independently.
  • Change the internal spacing or proportions.
  • Add uncontrolled bloom, outlines or drop shadows.
  • Place the mark over visually busy content without contrast control.
  • Use the mark as a repeated decorative pattern without a defined application.

Core rule

Identity

The mark is a source, not an ornament.

Geometry of Trust derives its angles, directional rhythm and structural character from the Infinitrust mark. Every application must preserve that relationship without turning the logo into background decoration.

Knowledge graph