bastienmoiroux-fr
Playful, tactile, and boldly editorial. Massive high-contrast serif lettering collides with cut-out photography, interactive peek-a-boo framing, and vibrant acid-green ticker ribbons. Clean off-white and deep black transitions keep the portfolio structured and intentional.
Visit siteRated
6.3/ 10
From 7 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 9.0
- Systemmeasured
- 4.2
- Distinctionmeasured
- 4.0
- on the grid
- 17%
- vertical rhythm
- 54%
- type on a scale
- 56%
- contrast passing AA
- 40%
- unlike the library
- 0.22
- model craft
- 7.7/10
- model deviation
- 6.6/10
Colour
Background#ffffff
Text#000000
Accent#b8fb00
Surface#f1f0eb
Muted#818079
Typefaces
- Display
- Advercase Demo Regular
- Body
- Manrope
- Mono
- —
- Source
- Scale
- 12 · 16 · 20 · 24 · 40 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px
Capture
- Category
- portfolio
- Sections
- 7
- Captured
- 2026-08-30
- Rhythm
- white → acid green → dark → cream → white → cream → acid green
Type rules
- display serif used at massive scale for hero greetings and expressive section headers
- body and functional labels set in geometric sans Manrope with high-contrast weight hierarchy
Colour rules
- acid green (#b8fb00) used as high-energy framing banners and full footer background
- neutral monochrome and off-white provide readable contrast for core body and work lists
Voice rules
- keep invitations informal and conversational
- use uppercase labels for meta tags and status badges
Holds it together
- pair hyper-scale display serif headings with photographic cut-out human elements
- use high-saturation acid green for full-width transition tickers and terminal footer blocks
- enclose key metrics and metadata inside outlined sticker capsules and badges
Contrast
text on background21.0:1 AAA
muted text on background4.0:1 AA Large
text on surface18.4:1 AAA
accent on background1.3:1 fail
background on accent1.3:1 fail
Type, measured
- Body
- 24px / 1.4
- Measure
- 89 characters
- Display
- 444px / 1.2
- Tracking
- 0em display
- Scale ratio
- 2.07
Voice
- Tone
- playful, approachable, direct
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- contact, see
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 5.5 screens
Sections in page order
3 marked strong · 7- 00
hero
Crisp editorial portfolio hero dominated by an oversized serif name cropped behind a photographic self-portrait.
- Mood
- editorial + playful
- Layout
- 1 col · asymmetric · airy
- 01
announcement
Quirky neon green ticker tape gripped by photographic cut-out hands, creating a playful peek-a-boo transition banner.
- Mood
- playful + bold
- Layout
- 1 col · full bleed · dense
- 02
showcase
StrongAn enigmatic, pitch-black void punctuated by hands grasping the top edge and scattered, playful serif glyphs.
- Mood
- raw + quiet
- Layout
- 1 col · asymmetric · airy
- 03
showcase
A clean, airy portfolio work list framed by a concave top curve with a single playful sticker accent.
- Mood
- quiet + playful
- Layout
- 1 col · stacked · airy
- 04
stats
StrongQuirky, playful stats showcase combining expressive typography with colourful taped geometric shapes inside an outlined container.
- Mood
- playful + editorial
- Layout
- 1 col · split · airy
- 05
testimonial
A serene, centered testimonial section with soft glowing avatars hovering above a clean quote on warm cream.
- Mood
- quiet + warm
- Layout
- 1 col · centered · airy
- 06
footer
StrongVibrant acid-green portfolio footer combining playful 3D avatar details with clean editorial serif typography and a massive ghosted watermark.
- Mood
- playful + bold
- Layout
- 1 col · stacked · airy
