Rayraylab
www.rayraylab.comA one-person Korean web agency portfolio that signals craft through massive 230px display type, a forest-green dark band, and a single recurring grayscale humanoid as motif — minimalism with one strong visual punch.
Design tokens
- display
- "Helvetica Neue", "Pretendard Variable", sans-serif
- body
- "Helvetica Neue", "Pretendard Variable", sans-serif
- mono
- "Azeret Mono"
- serif
- "Editorial New"
- korean
- "Pretendard Variable"
Do / Don't
Reference it for
- Near-pure white page rgb(249, 249, 249) with near-black ink rgb(18, 18, 18) — refuses pure #000 / #fff
- Single forest-green accent rgb(18, 24, 19) wrapping one full-width section band — the only colour move
- Zero chromatic accents, zero gradients, zero box-shadows — strict disciplinary palette
- 230px max display type for outline-stroke wordmark moments (BRAND, etc.) — biggest type in library
- 13-step type scale (11 / 13 / 14 / 14.4 / 15 / 16 / 17 / 18 / 20 / 21 / 22.5 / 44.6 / 230px) — fluid clamp-style range
- Helvetica Neue + Azeret Mono + Editorial New + Pretendard Variable four-family system (one Korean-coverage variable subset)
- Azeret Mono for metadata + parenthesised section labels ("(Who we are)", "(Featured work)") — system chrome voice
- Editorial New italics for tonal contrast moments (likely project titles + signature pull-quotes)
Do not copy
- The RAYRAYlab grayscale humanoid robot photography (likely Engineered Arts Ameca-derived stock — needs licence)
- The specific bilingual Korean meta description "레이레이랩은 브랜딩, UXUI, 웹개발 전문 웹 에이전시입니다" unless the brand actually operates in Korean
- The "(Featured work) / aL. / Luminous seoul / Eath library" client roster — those are the real solo-practitioner's clients
- The "RAYRAYLAB is a one-person web agency" copy verbatim — pick the actual practitioner's positioning
- The Pretendard Variable load if the audience has no Korean glyph coverage need (92 subset files of overhead)
- The 230px display size unless type is the brand's primary expressive surface
- The Editorial New + Azeret Mono + Helvetica Neue combination if licensing budget is tight (substitute with Inter + JetBrains Mono + Instrument Serif)
- The forest-green rgb(18, 24, 19) band if brand has its own accent — pick the actual brand colour
Signature moves
massive 230px display type as the single visual punch
display type to 230px (the biggest in the library) carries outline-stroke wordmark moments via a 44.64px-to-230px gap-then-massive leap, near-pure-white (rgb(249,249,249)) with near-black ink (rgb(18,18,18)) and zero gradients or shadows.
mix-blend-difference inverting fixed header
a fixed header in mix-blend-mode: difference auto-inverts the wordmark against whatever scrolls beneath, with one full-width dark-green band (rgb(18,24,19)) mid-page as the only colour switch.
mono metadata with parenthesised section labels
Azeret Mono carries metadata and parenthesised section labels ('(Who we are)', '(Featured work)') as a system-chrome voice, with date+discipline tags ('JANUARY 2023 / UXUI') under project tiles in uppercase mono, on a Lenis-smoothed scroll.
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.
Alejandro Mejias
nicheDesign Portfolio
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.
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.