Erick Velasco
An austere and enigmatic digital portfolio that pairs stark brutalist typography with intimate editorial storytelling. Monochromatic layouts and deep pitch-black canvases create a quiet, contemplative atmosphere punctuated by oversized, clipped display type.
Visit siteColour
Typefaces
- Display
- Fff Acidgrotesk Book
- Body
- Fff Acidgrotesk Book
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 15 · 23 · 64
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 12px · 16px
Capture
- Category
- portfolio
- Sections
- 9
- Captured
- 2026-08-29
- Rhythm
- dark x9
Type rules
- body text rendered in neutral grey with wide letter tracking
- display type appears either giant and clipped or arranged in experimental scattered typography
- labels and tags consistently styled in uppercase micro type
Colour rules
- deep black background dominates throughout without bright saturated accents
- visual interest relies purely on high-contrast white text against dark slate containers
Voice rules
- contextualize client briefs with concise meta tags and sector markers
- keep intros reflective and grounded in personal process
Holds it together
- pair case studies with a two-column structure: left-aligned metadata and tags beside right-aligned media previews
- use subtle slate surface panels to isolate media previews and biography cards from the pitch black background
- punctuate sections with scattered or cropped deconstructed typographic statements
Contrast
Type, measured
- Body
- 15px / 1.6
- Measure
- 113 characters
- Display
- 23px / 1.39
- Tracking
- 0.03em display
- Scale ratio
- 1.11
Voice
- Tone
- restrained, reflective, precise
- Sentences
- medium
- Person
- first
- Vocabulary
- curated
- Calls to action
- scroll, explore, story
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- sticky_top_bar, 3 items, sticky
- Length
- 5.4 screens
Sections in page order
3 marked strong · 9- 00
hero
StrongMassive high-contrast letterforms aggressively bleed past the dark canvas edges to create an uncompromising typographic statement.
- Mood
- bold + raw
- Layout
- 1 col · full bleed · airy
- 01
statement
A somber, intimate portfolio introduction pairing a monochrome portrait with refined editorial typography on dark slate cards.
- Mood
- quiet + editorial
- Layout
- 10 col · split · balanced
- 02
statement
StrongCryptic and stark typographic statement with scattered letterforms drifting across a pitch black field.
- Mood
- raw + quiet
- Layout
- 13 col · asymmetric · airy
- 03
showcase
A sleek dark portfolio showcase pairing project metadata on the left with a glowing blue website mockup on the right.
- Mood
- quiet + clinical
- Layout
- 7 col · split · balanced
- 04
showcase
A refined dark studio case study balancing structured metadata on the left with an asymmetrical bento grid of visual deliverables.
- Mood
- quiet + clinical
- Layout
- 15 col · split · balanced
- 05
showcase
Quiet and refined portfolio showcase pairing muted left-aligned project metadata with a prominent arched media preview mockup on a dark canvas.
- Mood
- quiet + editorial
- Layout
- 7 col · split · airy
- 06
showcase
An austere dark portfolio case study featuring structured typographic metadata beside an isolated modular media showcase.
- Mood
- quiet + clinical
- Layout
- 2 col · split · airy
- 07
showcase
Dark modular showcase grid organizing client case studies and brand partnerships with crisp typographic hierarchy.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · balanced
- 08
footer
StrongStark and enigmatic dark footer anchored by fragmented, deconstructed typography floating against deep black space.
- Mood
- raw + quiet
- Layout
- 16 col · stacked · airy
