Visual identity · v3.0
The GreenPulse brand kit
The official identity of the project, redrawn in September 2026 as clean vector parts: living matter on one side, industry on the other, and an electric bolt running through their meeting.
The emblem
Redrawn from its parts rather than traced: a double ring and an inner crescent that swells toward its ends and carries on, across the bolt, into the two gears on the axis, so the left of the emblem reads as a discreet G with the banner for its bar; seven gears on the right, two of them centred on the axis, their inner circles continuing the crescent’s inner edge, plus a three-spoke gear and a paw gear; on the left, leaves on a vine and a lotus whose flower is a small gear; the GREENPULSE banner in the emblem’s own letterforms — and on the axis, a bolt that passes behind the banner and overshoots the ring. One colour, transparent background, drawn in the brand palette only.
The compact mark
The full emblem needs at least 80 px of width to stay legible. Below that — avatars, the site header — use the compact mark: the ring and the bolt, with the same clear-channel where the bolt crosses the ring, and the G and the P of the GREENPULSE banner on either side of the bolt — the emblem’s own letterforms, not a font. It reads clearly from 24 px (at 16 px the ring and bolt still carry it; a letterless variant stays in the kit), and locks up with the wordmark in Geist Sans semibold caps.
The animation
Every part animates as itself: sparkles fall inward, the gears spin in and slow to a stop, the rings and the vine draw on, leaves grow from their base, the lotus opens, the banner and its lettering spread from the centre; then the bolt strikes and cuts its own channel, with a flash, a jolt and a closing sparkle. About four and a half seconds, played once where it appears and replayed when it scrolls back into view. On the site it runs live as vector art, sharp at any size and in the theme’s colour; under reduced-motion settings the finished emblem is shown.
0 – 1.2 s
The pull
Sparkles are drawn in from outside the emblem toward its centre, stretching into streaks as they speed up and vanishing on arrival, as if under gravity. The lotus's flower — a small gear — is the first piece to take its place.
0.25 – 4.2 s
Gears and rings
The seven gears spin in fast and slow down steadily, coming to rest just as the animation ends; no overshoot, no turning back. The two on the axis stay whole until the strike. The double ring draws itself round from the top and the crescent follows.
1.0 – 2.6 s
Vine and lotus
The vine draws upward, each leaf grows from its base as the vine reaches it, the tendril curls, and the lotus opens around its stem.
2.4 – 3.1 s
Banner and lettering
The banner opens outward from its centre, and GREENPULSE spreads with it from the middle to both edges.
3.2 – 3.6 s
The strike
The bolt comes down the axis top to bottom, cutting its own clear-channel through the rings, gears and leaves, behind the banner, and cutting the two axis gears in half so the emblem settles into its two sides — with a flash and a short jolt.
3.7 – 4.4 s
The shine
A sparkle where the bolt meets the banner and two twinkles along it; the gears settle, and the finished emblem holds.
Colour
Eight colours, unchanged since v1.0. The site is built on them: Paper and Ink are the canvases, Deep Teal carries interaction on light, Cyan carries it on dark. Contrast ratios are against Paper unless stated.
Deep Teal
#004A4F
--gp-deep-teal
Primary. The emblem on light surfaces; headings, links and buttons on Paper (9.3 : 1).
Sage Teal
#64A9A1
--gp-sage-teal
Secondary. Covers and section dividers. Decorative on light surfaces — too pale for text (2.5 : 1).
Cyan
#4FC0CA
--gp-cyan
Energy. The reversed emblem; links and highlights on Ink (7.4 : 1). Decorative on light surfaces.
Light Cyan
#8BD6E2
--gp-light-cyan
Air. Soft highlights, and the bolt's flash on dark surfaces.
Forest
#197A3A
--gp-forest
Heritage green. Continuity with GreenPulse v1 only — use sparingly.
Paper
#F3F7F6
--gp-paper
Light neutral. The site canvas and slide backgrounds.
Ink
#0A2628
--gp-ink
Dark neutral. Body text on Paper (14.7 : 1); the dark-mode canvas.
Mist
#BFD2D3
--gp-mist
Rules and borders; muted text on Ink (10.1 : 1).
Typography
The brand sheet fixes no typeface; these three carry the identity on screen.
Fraunces
Display
Where workers drive the green transition
Headlines, ledes, pull quotes. Light weight, tight tracking.
Geist Sans
Body · wordmark
Meso-level evidence on the competences Europe needs — workplaces, vocational pathways, communities of practice.
Body copy and UI. Semibold caps with 0.16 em tracking set the GREENPULSE wordmark beside the compact mark.
Geist Mono
Data & labels
HORIZON-CL2-2026-01-TRANSFO-07 · M1–M48
Eyebrows, codes, milestones, figure labels. Uppercase, wide tracking.
Using the emblem
Do
- Keep clear space equal to the cap height of the “G” in the wordmark, on all four sides.
- Use the full emblem at 80 px wide or more; below that, the compact mark.
- Use deep teal on light surfaces and cyan or white on deep teal and ink.
- On photography, use the white emblem over a deep-teal scrim of at least 40 %.
Don’t
- Recolour outside the palette, or add shadows, strokes or glows to the static mark.
- Rotate, squash, stretch or crop the artwork.
- Bring the bolt in front of the banner — it always passes behind it.
- Use the v1 needle emblem or the v2 traced emblem — both are retired.
Assets
Emblem · primary
SVG · deep teal #004A4F · transparent
Master vector. One fill drives the whole mark — web, print, slides.
Emblem · reversed
SVG · cyan #4FC0CA · transparent
For deep-teal and dark surfaces.
Emblem · mono white
SVG · white · transparent
Reversed on photography, over a deep-teal scrim of at least 40 %.
Compact mark · G ⚡ P
SVG · ring + bolt + G and P · 512 × 512
Below 80 px: the site header, avatars, nav bars. Cyan, white and currentColor variants alongside, plus a letterless ring-and-bolt variant.
App & tab icon
SVG · gradient tile · 512 × 512
Browser tabs, bookmarks and home screens: the ring and the bolt in white, filling the tile, on a Cyan to Forest to Deep Teal gradient with a glossy highlight and a glowing bolt. No letters, since they can't be read at tab size — the site header keeps G ⚡ P.
Emblem · raster
PNG · 3512 × 3230 · transparent
For surfaces where a vector isn't supported. Cyan and white rasters sit alongside in /brand/v3/png/.
The emblem · animated
SVG · self-contained · about 4.5 s · plays once
The live animation as one SVG file: sparkles fall in, gears spin in and slow to rest, rings and vine draw on, leaves grow, the banner opens, the bolt strikes. For slides and pages that render SVG.
The animation · video
MP4 · 1080 × 1080 · 5 s · silent
For tools that don't play SVG. A reversed deep-teal version sits alongside.
Brand sheet · v2.0
PNG · one page
The v2.0 sheet: bolt geometry, palette, clear space and size ladder. The v3 emblem keeps all of them.