NULLY WEB v3 · ROUND 20

레퍼런스 보드 13

디자인 고도화를 위해 새로 모은 실사이트 13곳입니다.
9/21 오전에 반영한 10곳과 겹치지 않는 것만 골랐습니다.
카드마다 가져올 것과 우리 어느 페이지에 쓸지를 적었습니다.
번호로 골라 답해 주시면 그 조합으로 설계안을 만듭니다.

2026-09-21출처 Inspo MCP · 실사이트 캡처내부 검토용 · 외부 공유 금지

00세 방향

같은 검정 바탕이라도 사이트가 「무엇으로 말하느냐」에 따라 세 갈래로 갈립니다.
지금 v3는 셋 중 어디에도 뚜렷이 서 있지 않습니다.
그게 「평범해 보이는」 원인입니다.

A · 스튜디오형

공간과 장치로 말한다

히어로가 제목이 아니라 「장면」입니다.
3D 공간·도트 워드마크·사선 블레이드 같은 시각 장치 하나가 첫 화면을 통째로 차지합니다.
우리 네온 링이 이미 이 계열입니다.

B · 엔터·크리에이터형

사람 사진과 거대 활자로 말한다

단체 사진 위로 워드마크가 덮치고, 손글씨나 컨덴스드 활자가 감정을 실어 나릅니다.
Talent 독자에게 가장 직접적입니다.
우리 오디션 사진 자산과 맞습니다.

C · 에디토리얼·플랫폼형

정보 구조와 숫자로 말한다

모노 메타 행·숫자 3개·선택형 CTA·대시보드 목업.
Market 독자(브랜드·기관)에게 신뢰를 줍니다.
Talent ID 시스템을 보여줄 때 필요한 문법입니다.

제 추천 조합 = A를 뼈대로, TALENT는 B, MARKET은 C

독자가 둘이라 한 방향으로만 가면 한쪽이 소외됩니다.
홈·ABOUT은 스튜디오형 장치(링·블레이드)로 회사의 격을 세우고, TALENT는 사진과 활자로 마음을 움직이고, MARKET은 숫자와 구조로 설득하는 구성입니다.

HOME·ABOUT = 01 · 04 · 13
TALENT = 02 · 03 · 06 · 05
MARKET = 07 · 08 · 12
CONTACT = 11

A스튜디오형

첫 화면을 「장치」에 맡기는 사이트들입니다.

Abasement.studiobasement.studio · 부에노스아이레스 디지털 스튜디오

무엇: 첫 화면에 글자가 없습니다.
어두운 작업실 3D 장면이 100 %를 차지하고, 네온 간판이 브랜드를 말합니다.
헤드라인은 화면 아래에서야 나옵니다.
가져올 것: 「장면 먼저, 말은 나중」 순서.
우리 HOME은 링이 장면입니다.
ABOUT 히어로는 사진 위 제목 대신 사진을 온전히 보여 준 뒤 제목을 아래로 내리는 안.
어디에: ABOUT 히어로 · HOME 스크롤 유도 문구
주의: 3D 제작은 범위 밖입니다.
우리는 실사진과 링으로 같은 효과를 냅니다.

AFURO Web Studiofuroweb.eu · 밀라노

무엇: 도트 하프톤으로 찍은 거대 워드마크가 위 40 %.
그 아래 세리프 헤드라인, 딱 한 단어만 이탤릭·주황.
버튼이 없습니다.
가져올 것: 한 단어 강조 장치.
「Talent meets Market」의 meets만 다른 서체·시안으로.
워드마크를 도트로 찍는 방식은 HOME 대안 아이디어.
어디에: ABOUT 헤드라인 · 대표님 인용 블록
주의: 세리프를 새로 들이면 서체가 3종이 됩니다.
Unbounded 이탤릭 대체 또는 시안 색만 쓰는 쪽을 권합니다.

ARaycastraycast.com/pricing

무엇: 검정 위에 붉은 사선 결정체가 위 40 %에 배경으로 깔려 있습니다.
UI는 평평하고 배경만 입체입니다.
가져올 것: 배경 깊이 장치.
지금 파티클 대신, 널리 3색 사선 광선을 섹션 전환부에 한 번만.
Canvas 코드로 가능합니다.
어디에: HOME 링 뒤 · MARKET CTA 배경
주의: 두 군데 넘게 쓰면 촌스러워집니다.
한 페이지 한 번 원칙.

ANB Studionbstudio.co.uk · 런던

무엇: 한 줄 대문자 문장이 화면 폭을 넘어 잘립니다.
그 아래 주소·전화·메일·SNS가 작은 글자로 정직하게.
가져올 것: CONTACT 상단을 한 줄 거대 문장 + 주소 블록으로.
탭 2개(Talent·Brand)는 그 아래로.
어디에: CONTACT
주의: 하노이 주소 문구가 아직 미확정입니다.

B엔터·크리에이터형

사람 사진과 활자로 감정을 움직이는 사이트들입니다.
TALENT 페이지의 언어입니다.

BPosterposterco.tv · 파리 영상 제작사

무엇: 거대 워드마크가 위 25 %를 차지하고, 교복 단체 사진이 화면을 채웁니다.
흰 셔츠 한 명이 초점.
아래 1/3은 모노 글꼴 크레딧 격자.
가져올 것: TALENT 히어로 = 오디션 단체 사진 + 위에서 덮치는 워드마크.
하단에 「382 지원 · 508 평가 · 8 층」을 모노 크레딧 행으로.
사진의 한 명에 초점을 두는 크롭.
어디에: TALENT 히어로 · 심사위원 크레딧
주의: 참가자 얼굴 노출 확인(PDPL)이 선행돼야 합니다.

BAudiusaudius.co · 음악 커뮤니티

무엇: 흑백 현장 사진 위에 손글씨 두 줄 「Find your people. Grow your scene.」
버튼은 화면 전폭 한 개.
가져올 것: 지망생에게 말 거는 문장 한 쌍.
「네 무대를 찾아라. 네 판을 키워라.」 식 2행 + 전폭 「지원하기」.
손글씨 대신 Unbounded 900 기울임으로.
어디에: TALENT 중간 CTA · 모바일 첫 화면
주의: 브러시 서체는 쓰지 않습니다.
널리 톤은 손글씨보다 기하학 활자입니다.

BMasterClassmasterclass.com

무엇: 왼쪽에 「무엇 때문에 왔나요?」 선택지 8개, 오른쪽에 인물 세로 타일이 흐릅니다.
방문자가 스스로 갈래를 고릅니다.
가져올 것: 선택형 진입.
TALENT 상단에 「오디션 준비 / 취미 / 크리에이터 / 학부모」 4개 선택 → 해당 섹션으로 스크롤.
오른쪽은 강사·수강생 세로 타일 레일.
어디에: TALENT 히어로 직후
주의: 선택지가 5개를 넘으면 폼처럼 보입니다.
4개까지.

BYann Novakyannnovak.com · 작가 포트폴리오

무엇: 작품 카드 두 장이 화면 전부.
제목·형식·연도만 모노 글꼴로.
설명도 버튼도 없습니다.
가져올 것: 사다리 7단계·인물 카드의 메타 행을 모노로 통일.
「LV 3 · Creator · 2026」처럼 짧게.
설명은 접고 숫자만 보이게.
어디에: TALENT 사다리 · 인물 그리드
주의: 본문까지 모노로 가면 차가워집니다.
메타 행만.

BBeard Meats Foodbeardmeatsfood.co.uk · 크리에이터 브랜드

무엇: 체커 스트립·스티커·스파크·기울어진 사진·거대 구독자 숫자.
크리에이터 한 사람의 에너지를 그대로 사이트로.
가져올 것: 기울어진 사진 2장 겹침과 거대 숫자 한 줄.
TALENT 「7월 오디션」 증거 사진을 정직한 격자 대신 살짝 기울여 겹치기.
어디에: TALENT 증거 사진 · ABOUT 숫자
주의: 스티커·체커는 쓰지 않습니다.
널리는 개인 채널이 아니라 회사입니다.
「가장 시끄러운 선택지」로만 참고.

C에디토리얼·플랫폼형

숫자·구조·목업으로 신뢰를 만드는 사이트들입니다.
MARKET 페이지의 언어입니다.

CShureshure.com

무엇: 위 절반은 제품 한 개가 파란 빛 속에, 아래는 모노 킥커 + 컨덴스드 대문자 4줄 + 라임 버튼.
캐러셀 화살표로 다음 제품.
가져올 것: MARKET 히어로를 브랜드 제품 한 개씩 넘기는 캐러셀로.
레이브힐 진열 사진 12장이 재료.
킥커 모노 + 헤드라인 + 버튼 하나.
어디에: MARKET 히어로
주의: 캐러셀은 자동 재생 금지.
사용자가 넘길 때만.

CSplicesplice.com

무엇: 인물 사진 위 헤드라인 3줄, 그 바로 아래 숫자 3개(3M+ · All DAWs · 100 %)가 한 줄로.
숫자가 문장의 일부처럼 붙어 있습니다.
가져올 것: ABOUT 숫자 섹션을 따로 두지 말고 히어로 문장 바로 아래 숫자 3개로 붙이기.
382 · 508 · 8 이 첫 화면 안에 들어옵니다.
어디에: ABOUT 히어로 · MARKET 히어로
주의: 숫자는 3개까지.
4개부터는 표가 됩니다.

Cbeehiivbeehiiv.com

무엇: 헤드라인 두 줄 중 한 단어만 핑크.
그 아래 제품 대시보드가 기울어진 채 떠 있고 알림 카드들이 겹칩니다.
가져올 것: MARKET에 Talent ID 대시보드 목업 섹션.
CRM v2 실화면을 이름 가려서 기울여 배치.
「데이터로 움직인다」는 말을 화면으로.
어디에: MARKET 3축 아래
주의: 실명·전화는 반드시 가립니다.

CThe Intercepttheintercept.com · 탐사 매체

무엇: 사진 아래 컨덴스드 볼드 대문자 헤드라인 3줄, 그 아래 보라 단색 블록 버튼 한 개.
장식이 없고 위계만 있습니다.
가져올 것: 단색 블록 CTA.
지금 알약 버튼 2개 대신, 페이지 끝 CTA는 전폭 보라 블록 하나.
헤드라인은 지금보다 무겁게.
어디에: 각 페이지 하단 CTA
주의: 컨덴스드 서체 추가는 보류.
Unbounded 900으로 무게만 올립니다.

·이미 반영된 10곳 (9/21 오전)

중복을 피하려고 목록만 둡니다.

northkingdom.com — 풀블리드 수치
stinkstudios.com — 사진 70 % 사례 타일
thoughtbot.com — 스티키 2열 대각선 카드
mikkisindhunata.com — 사진 위 양끝 헤드라인
moshimoshimusic.com — 이름만 있는 인물 타일
xlrecordings.com — 바닥 마키
instrument.com — 필터 pill
basicagency.com — 여백이 콘텐츠인 인용
portalone.studio — 마키 띠 사이 문구
vanschneider.com — 중앙 3줄 헤드라인

→답하는 방법

번호만 보내 주시면 됩니다.
예 = 「01 02 06 07 08 12 11」 또는 「추천 조합 그대로」.
빼고 싶은 번호가 있으면 「10 빼고」처럼.
받는 대로 페이지별 설계안(어느 섹션을 어떻게 바꾸는지)을 한 장으로 드리고, 승인 후 r20 착수합니다.