Wordmark
The full name, and the default lockup. Use it wherever there is room for it — headers, covers, signatures, the top of a proposal.
01 / Marks
Mark
The G monogram. For places where the name is already understood, or where there is no room for it: favicons, avatars, app icons, a stamp on artwork.
Byline
“by G”. The credit that sits in the footer of work built for clients — small, quiet, and always linked back to goossens.ai.
Made by G
The byline with the words set. Use it where “by G” alone would read as decoration rather than a credit — a footer with no other text around it.
Prefer the SVG everywhere it is accepted. The PNGs exist for the places that still refuse vectors — office documents, marketplaces, some ad systems.
02 / Colour
The brand is ink on paper. The eight accents belong to instruments — readouts, states, diagrams — and never to the mark itself.
- Signal red
- oklch(0.65 0.26 28)
- Amber
- oklch(0.72 0.24 62)
- Acid yellow
- oklch(0.86 0.21 100)
- Phosphor green
- oklch(0.78 0.24 145)
- Cyan
- oklch(0.74 0.18 195)
- Ultramarine
- oklch(0.55 0.25 265)
- Violet
- oklch(0.52 0.28 305)
- Magenta
- oklch(0.62 0.27 345)
- Ink
- #0a0a0a
- Mute
- #6f6f6f
- Faint
- #8f8f8f
- Rule
- #c9c9c9
- Line
- #e6e6e6
- Grid
- #f2f2f2
- Paper
- #ffffff
03 / Typeface
IBM Plex Mono, regular and medium, under the SIL Open Font License. Self-hosted — no font CDN, no third-party request on any page.
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
abcdefghijklmnopqrstuvwxyz @ · × — /
Labels run uppercase at 10 px with 0.12 em tracking
04 / Footer credit
Four drop-in badges for the footer of a client site. Each one is a single inline SVG that inherits the surrounding text colour — no stylesheet, no webfont, no request back to us. Paste it where the credit belongs and it takes the colour of the text around it.
The first three carry no colour of their own. The plate carries ink and paper with it, so it survives a photograph, a gradient or a brand colour that happens to sit too close to black.
05 / Use
Do
- Keep clear space of at least half the mark's height on every side.
- Use black artwork on light backgrounds, white on dark.
- Use a plate variant over photography or colour.
- Link the footer credit to goossens.ai.
Don't
- Recolour, outline, rotate, stretch or add effects to the artwork.
- Rebuild the wordmark in another typeface.
- Place the mark on a busy background without a plate.
- Set the mark smaller than 16 px tall on screen.