Alejandro Mejias
www.alejandromejias.com.auA 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 tokens
- 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.
Related references
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Analogue
strongCreative Studio
a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.
Basement
flagshipCreative Studio
a digital studio's portfolio rendered as a black-canvas magazine - Geist for body, the bespoke "flauta" for display moments, 1920px full-bleed project tiles with no border-radius and no shadows, and a 7-transition motion budget that prioritises bold typography over interaction polish.