FormForge · Logo Lab

FormForge · Logo Lab

Five SVG variants of the FormForge brand. The wordmark lives as <text> so the "Forge" half always renders with the brand magenta gradient. Right-click any preview to save the SVG.

Tip: when you embed these as <img> the SVG loads with its own font fallback. When you inline the SVG inside HTML, it picks up Montserrat from the parent page's CSS — text renders sharper.
1 · Wordmark · on dark SVG
FormForge wordmark on dark
2 · Wordmark · on light SVG
FormForge wordmark on light
3 · Wordmark · inline (currentColor) SVG
4 · Mark only · transparent SVG
FormForge mark only
5 · Full lockup · royal tile SVG
FormForge full lockup
6 · Favicon (FF tile) SVG
FormForge favicon

Scale test · wordmark

The wordmark scales cleanly from nav (24 px) to hero (80 px+) without raster aliasing.

Adverse-background safety

Photo / busy bg
Use wordmark-on-dark.svg over photos — the white "Form" stays readable.
Mid-grey bg (worst case)
Avoid mid-grey backgrounds — drop a translucent dark plate under the wordmark instead.

Drop-in HTML snippets

<!-- nav header (dark surface) -->
<img src="/assets/wordmark-on-dark.svg" alt="FormForge" height="32">

<!-- hero / OG image (full lockup) -->
<img src="/assets/logo-full.svg" alt="FormForge — Train Smarter. Lift Stronger." width="220">

<!-- favicon links in <head> -->
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="apple-touch-icon" href="/assets/logo-full.svg">

<!-- inline (best for sharpness; "Form" follows your CSS color) -->
<span style="color:#fff">
  ...paste the contents of wordmark-inline.svg here...
</span>

FormForge LiftLab · A MetaThriving2dMax pillar