Logo usage
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¶
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¶
Infinitrust mark
The standalone symbol used for application icons, favicons, compact navigation, diagrams and product identification.
Infinitrust wordmark
The outlined name used in contexts where the brand name must remain explicit and typographically fixed.
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:
Equivalent value:
Use the gradient for controlled commercial emphasis. Use a monochrome version when color does not add meaning.
Approved rendering modes¶
Identity Magenta
Preferred flat rendering on dark, neutral and low-detail surfaces.
Monochrome
Use Neutral White or black for documentation, diagrams, small UI, print and restricted-color contexts.
Brand gradient
Use for selected marketing applications, launch material and prominent brand moments.
Precision crystal
Reserved for hero imagery, keynote visuals and controlled motion work.
Wireframe
Used for construction sheets, protocol diagrams and explanatory technical material.
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.
- 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.
- 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 |
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¶
Void
Use Identity Magenta, Neutral White or the approved brand gradient.
Dark ceramic
Use Identity Magenta, Verification Cyan or Neutral White with sufficient contrast.
Neutral White
Use the black or Identity Magenta version. Do not use Neutral White.
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>
The generated symbol uses fill="currentColor", so changing color changes the mark.
External image¶
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:
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¶
- 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.
- 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¶
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.