Antonio Scirica

Bold, intimate, and playful. Massive high-contrast sans-serif typography is layered with hand-drawn white vector doodles and illuminated pill navigation, giving an otherwise minimal dark canvas an energetic, human presence.

energetic playful serene

Visit site

Rated

6.4/ 10

From 4 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: 7.5
Systemmeasured: 6.8
Distinctionmeasured: 2.0

on the grid: 55%
vertical rhythm: 75%
type on a scale: 42%
contrast passing AA: 100%
unlike the library: 0.48
model craft: 7.0/10
model deviation: 4.8/10

Colour

Background#121212

Text#ffffff

Surface#222222

Muted#9a9a9a

Typefaces

Display: Degular
Body: AvenirNext
Mono: —
Source: self_hosted
Scale: 16 · 18 · 20 · 22 · 24 · 30

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 12px · 9999px

Capture

Category: portfolio
Sections: 4
Captured: 2026-08-29
Rhythm: dark x4

Type rules

display headlines set in sentence case at over 100px
body text restricted to narrow measures around 40 characters for comfortable reading
metadata tags and utility links styled in concise uppercase pills

Colour rules

strict monochromatic palette of pure black background and stark white text
muted gray reserved for secondary descriptions and timestamps

Voice rules

write in first-person with casual conversational framing
mix self-deprecating humor with concrete skill lists

Holds it together

overlay hand-drawn white annotations or circles onto major hero keywords
encapsulate navigation controls, callouts, and skill tags within full-radius pills
maintain high-contrast monochrome hierarchy with no saturated accent colors

Contrast

text on background18.7:1 AAA

muted text on background6.7:1 AA

text on surface15.9:1 AAA

Type, measured

Body: 18px / 1.6
Measure: 40 characters
Display: 105px / 1
Tracking: 0em display
Scale ratio: 1.55

Voice

Tone: conversational, playful, direct
Sentences: short
Person: first
Vocabulary: plain
Calls to action: book, send, contact

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: top_bar, 3 items
Length: 6.3 screens

Mode

Sections in page order

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
A punchy dark portfolio hero combining oversized bold typography with hand-drawn annotations and an illuminated floating pill nav.
Mood
energetic + playful
Layout
15 col · asymmetric · airy
Open section →
01
showcase
A friendly dark-mode personal bio section pairing conversational copy and a 3D avatar with bento-style stat cards and pill tags.
Mood
playful + serene
Layout
16 col · grid · balanced
Open section →
02
showcase
Strong
Dark, restrained designer portfolio showcase balancing oversized case study previews with a structured tabular project archive.
Mood
serene
Layout
11 col · grid · balanced
Open section →
03
cta
Strong
An intimate dark portfolio closing section pairing a video-call workspace mockup with straightforward contact actions and a clean site index.
Mood
serene + grounded
Layout
2 col · split · balanced
Open section →