Logo System | LogicalNet Brand Guide

03 · Logo System

Three logo variants

The LogicalNet identity uses three official logo variants. Each has a specific role, and they should never be mixed, modified, or recreated.

1. Full Lockup (Primary)

Shield mark + wordmark, horizontal lockup. Use for primary brand placements like headers and signatures.

2. Shield Mark Only

Shield with fingerprint only — use for favicons, app icons, social avatars, and tight spaces.

3. Wordmark Only

“LogicalNet” text without the shield. Use when the mark is already present in the composition.

Shield anatomy & meaning

The Shield

A rounded shield form with a subtle inner double-line border. The shield represents protection, trust, and reliability — the foundational promise of everything LogicalNet does. The form is modern and approachable, not aggressive or militaristic.

The Fingerprint

Three concentric arc lines forming a simplified fingerprint pattern centered within the shield. The fingerprint represents identity verification, uniqueness, and the human element of security. It subtly references biometric authentication.

The Gradient

The shield fills with a diagonal gradient from green (#22c55e) to teal (#0ea5c9). This gradient direction mirrors the upward-right trajectory of growth and forward momentum.

Color meaning

Green

Growth, trust, reliability, local roots.

Teal

Technology, intelligence, clarity, forward-thinking.

White Fingerprint

Transparency, verification, the human touch.

Clear space & minimum sizes

Clear Space Rule

Maintain clear space equal to the height of the “L” on all sides of the logo to avoid crowding. No text, imagery, or graphic elements should enter this safe zone.

Minimum Sizes

Full lockup: 120px wide minimum (digital) / 1.5 in (print)

Shield mark only: 24px minimum (digital) / 0.3 in (print)

Logo do’s and don’ts

Always Do

Use the approved logo files (SVG preferred, PNG for raster contexts)
Maintain the correct color relationships (teal wordmark + navy “Net”)
Use on approved backgrounds: white, off-white (#f0f4f8), navy (#1a2e4a), navy-deep (#0f1e30)
Preserve the shield gradient direction (green lower-left to teal upper-right)
Maintain minimum clear space on all sides

Never Do

Stretch, skew, or distort the logo proportions
Change the wordmark colors or apply the gradient to the wordmark
Place the logo on busy photographic backgrounds without solid color backing
Recreate the logo in different typefaces
Add drop shadows, outlines, or effects to the logo
Use the logo below minimum sizes
Reverse the gradient direction or use the shield mark in any other color

Download Assets

Logo source files

All official LogicalNet brand assets in three formats: SVG (vector, preferred for digital), PNG (raster with transparency), and JPG (raster, solid background). Each variant is designed for a specific context — use the right file for your background and placement.

Primary lockups

Primary Logo (Color)

LogicalNet_logo_color.(svg|png|jpg)

The default full lockup with colored shield and two-tone wordmark (teal “Logical” + navy “Net”). Use on white or light backgrounds.

SVG PNG JPG

Color Shield, White Wordmark

LogicalNet_logo_color_shield_white_text.(svg|png|jpg)

Colored shield paired with a fully white wordmark. Use on navy, dark, or photographic backgrounds where the two-tone wordmark would lose contrast.

SVG PNG JPG

All Black (Monochrome)

LogicalNet_logo_black.(svg|png|jpg)

Fully black monochrome version of the full lockup. Use for single-color print, stamps, or constrained reproduction contexts.

SVG PNG JPG

All White (Monochrome)

LogicalNet_logo_white.(svg|png|jpg)

Fully white monochrome version of the full lockup. Use on photographic or dark brand color backgrounds where the colored shield is too busy.

SVG PNG JPG

Shield mark only

Shield Mark (Primary)

LogicalNet_shield_color.(svg|png|jpg)

Shield + fingerprint with the teal-to-green gradient. Use for favicons, app icons, social avatars, and tight spaces where the full lockup will not fit.

SVG PNG JPG

Shield (No Arcs)

LogicalNet_shield_color_no_arcs.(svg|png|jpg)

Shield form without the fingerprint arcs. Use when placing the shield as a decorative container or background element — not as a substitute for the logo.

SVG PNG JPG

Wordmark only

Wordmark (Color)

LogicalNet_wordmark_color.(svg|png|jpg)

Two-tone “LogicalNet” wordmark (teal “Logical” + navy “Net”) without the shield. Use on white or light backgrounds when the shield is already present elsewhere.

SVG PNG JPG

Wordmark (Black)

LogicalNet_wordmark_black.(svg|png|jpg)

Fully black monochrome wordmark. Use for single-color print, stamps, or constrained reproduction contexts where the color version is not appropriate.

SVG PNG JPG

Wordmark (White)

LogicalNet_wordmark_white.(svg|png|jpg)

Fully white monochrome wordmark. Use on navy, photographic, or dark brand color backgrounds where the color version would lose contrast.

SVG PNG JPG

Which format should I use?

SVG is the preferred format for digital use — it scales perfectly, has the smallest file size, and supports transparency. Use for websites, apps, email signatures, and any digital context.

PNG is a raster format that supports transparency. Use when SVG is not supported (some older tools, social media uploads, Slack emoji).

JPG is a raster format with a solid background (no transparency). Use for contexts that require a background-baked image, such as some legacy print workflows or third-party submission forms. For anything else, prefer SVG or PNG.

Brand Stewardship

Questions about brand usage?

Contact the marketing team for brand approvals, source files, or guidance applying the brand in specific situations.

Contact Marketing All Brand Sections