Screenshot of Rayraylab

Rayraylab

www.rayraylab.com

A 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.

Creative Studio One Person Web Agency niche

Design tokens

page
ink
black
forestBand
softGrey
white
alphaWhite10
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.