Screenshot of Alejandro Mejias

Alejandro Mejias

www.alejandromejias.com.au

A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.

Design Portfolio Solo Ux Designer Portfolio niche

Design tokens

page
text
textBlack
textMuted
textSubtle
link
accent
darkSurface
white
imageOverlay
display
"FK Raster Grotesk Compact Trial Sharp", "FK Raster Grotesk Compact Trial Sharp Placeholder", sans-serif
body
"Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif
mono
"IBM Plex Mono", monospace

Do / Don't

Reference it for

  • rgb(255, 255, 255) white page + rgb(8, 7, 7) near-black text, not pure black, slightly warm
  • rgb(235, 255, 0) neon yellow as the sole chromatic accent (live-clock pill, about-section full bleed, tag chips, CTA)
  • rgb(56, 56, 56) mid-grey for secondary surfaces / muted text
  • rgb(204, 204, 204) light-grey for the tertiary chrome on light surfaces
  • rgb(0, 0, 238) default-blue links preserved (5 hits, deliberate "system default" voice)
  • Bracketed-label chrome motif, [BRAND NAME], [WATCH], [2025], [REACH OUT], the literal [ ] characters as a brand signal, not a UI primitive
  • Three-font system: FK Raster Grotesk Compact Trial Sharp (display, blocky pixel-grotesk at 48px) + IBM Plex Mono (chrome / nav / links / tag chips, uppercase, 11/14/18px) + Be Vietnam Pro (body, 16px / 22.4px line-height)
  • Mono as system chrome, sans for body discipline, same logic koto uses with gtKotoheimMono

Do not copy

  • The "Alejandro Mejias" name and the AM monogram
  • The Melbourne / Wurundjeri land-acknowledgement copy verbatim, keep the *pattern* of a locality acknowledgement, swap the location
  • The MEL[AU] 8:12 AM timezone label unless the brand is Melbourne-based, use the brand's actual city + ISO country code
  • The [GOOD DESIGN AWARD WINNER 2023/24] / [10 YEARS FREELANCING] / [UI/UX] award eyebrows unless the brand has comparable credentials
  • The FK Raster Grotesk Compact Trial Sharp display font (it's a Trial cut from FontFabric, commercial licensing required for production)
  • The Be Vietnam Pro body font is fine to borrow (Google Fonts, open source), but IBM Plex Mono is the workhorse and is also open source
  • The exact rgb(235, 255, 0) neon yellow if the brand has its own accent, keep the *single-accent* discipline, swap the hue
  • The Spline 3D AM logomark unless the brand has a comparable 3D moment commissioned

Signature moves

bracketed-label monospace chrome motif

literal [ ] bracket-wrapped labels ([WATCH], [2025], [REACH OUT]) set in IBM Plex Mono uppercase carry nav, eyebrows and metadata as a brand signal, while Be Vietnam Pro 16px/22.4px handles body.

live timezone pill with status dot

a top-right neon-yellow rgb(235,255,0) pill shows a live city clock (MEL[AU] 8:12 AM) with a status dot, on the 40-84px pill radius ladder.

full-bleed accent about-section flip

the about section flips the entire viewport to neon yellow rgb(235,255,0) with a giant pixel-grotesk ABOUT word-mark, a deliberate maximal counterpoint to the black-on-white chrome.