CV Design System.

Same DNA as the portfolio · Black + Lime
v1.0
Design tokens
Aligned to giovanniangelini.me
01

Color Palette

Pure black background, single lime accent (the brand colour). Greys are alpha-on-white for hierarchy. No semantic colours — CV doesn't need success/warning/danger.

Background
#000000
Surface
#0A0A0A
Surface 2
#111111
Lime · Accent
#C8F135
Text Primary
#FFFFFF · 100%
Text Secondary
#FFFFFF · 62%
Text Tertiary
#FFFFFF · 35%
Line
#FFFFFF · 8%
02

Typography

Three families, same as the site. Bebas Neue for all display/headers — high impact, condensed, all-caps. DM Sans for body — geometric, neutral, easy to read at any size. Cormorant Garamond italic for the editorial pull-quote moment (the headline).

Hero
BEBAS · 64PX
Giovanni Angelini
Name lockup · CV title
H1
BEBAS · 42PX
Selected Work
Page section title
H2
BEBAS · 28PX
Head of Product & Design
Role title · experience entry
H3
BEBAS · 18PX
Brand & Direction
Skills category · sub-section
Eyebrow
BEBAS · 11PX · LIME
// 01 · SNAPSHOT
Section number / category label
Pull-quote
CORMORANT ITALIC · 22PX
Brand-first leader who ships product. 11+ years inside iGaming.
Editorial moment · CV opener
Body
DM SANS · 14PX · 100%
Sole designer at C-level for a crypto casino & sportsbook. Reports to CMO & CPO. Owns brand, visual language, product UX and 200+ creatives.
Experience descriptions
Body Mute
DM SANS · 13PX · 62%
Worked across regulated markets in Italy, UK and the Nordics. Embedded with product, CRM and dev pods on the operator side.
Secondary copy · footers
Mono Tag
DM SANS · 11PX · CAPS
// MAR 2025 — NOW · MALTA
Dates · metadata · monospace-style
03

Components

The building blocks reused across both CV variants. Each one carries the lime accent in a specific way (border-left, fill, hover) so the eye picks up the brand thread top-to-bottom.

Metric Card
11+
Years inside iGaming
Pill / Tag
Brand Product UX FigmaMake CRM AI Pipeline
Experience Entry
2025
Now
Gamblr.io
Head of Product & Design
Sole designer at C-level. Owns brand, visual language and 200+ creatives.
CTA Buttons
Download PDF ↓ View site ↗
Section Divider
04

Layout · Two Variants

Same design system, two distinct narrative shapes. CD is editorial — single column, narrative-led, gives the brand work room to breathe. Product Lead is dense — sidebar + main, metric-led, optimised for skim-reading.

CV · Creative Lead
Single column · 2 pages
  • Pull-quote opener · CD voice
  • Snapshot 4 metrics
  • Selected Work cards (4)
  • Experience timeline
  • Skills · Brand / AI / Markets
  • Education + Languages footer
CV · Product Lead
Sidebar + Main · 1 page
  • Sidebar: contact, metrics, skills, tech
  • Main: pull-quote · Shipped & Live · Timeline
  • Mono dates · arrow bullets
  • Tag pills inline · FigmaMake highlight
  • Process / dev-collab focus
  • Tighter density · skim-friendly
05

Preview · CV · CD

Sample of the top of the Creative Lead CV — components composed in their actual layout.

Giovanni Angelini
Creative Lead · iGaming Brand & Product
giovanniangelini.me
[email protected]
Malta · CET · EU passport

Brand-first leader who ships product. 11+ years inside iGaming, currently Head of Product & Design at Gamblr.io.

11+
Years iGaming
20+
Brands shipped
Top 9
GGR Italy
6–8
Designers led