사례 아카이브

파이프라인을 돌려서 나온 것들

모두 0단계부터 6단계까지 그대로 돌려서 나온 결과물입니다. 각 사례마다 감수한 리스크를 함께 적었습니다 — 그것이 없으면 안전하지만 잊히는 디자인이 됩니다.

타일을 누르면 실제 사이트가 열립니다. 목업이 아니라 동작하는 페이지입니다.

editorial 목요일의 화원 플로럴 스튜디오 · 한 장 꽃을 파는 가게가 아니라, 꽃으로 작업하는 사람의 기록 — 서촌 골목 안의 에디토리얼 감수한 리스크 첫 화면에 큰 사진을 깔지 않고, 크기가 제각각인 사진 셋을 정렬선 없이 여백 위에 흩뿌립니다 이미지 603KBJS 0.6KB본문 대비 13.75:1하드 게이트 12/12
refraction / WebGL Lumina Optics 광학 렌즈 시험소 하나의 빛줄기, 프리즘 하나 — 굴절과 분산을 매 프레임 GPU로 계산하는 시험대 감수한 리스크 렌더링 영상 대신 실제 셰이더 굴절(IOR·분산 슬라이더)을 첫 화면에 두고, 본문은 캔버스와 완전히 분리합니다 three.js 165KB 지연로드IOR 1.45–2.20 실시간WebGL 실패 시 사진 폴백하드 게이트 12/12
swiss-minimal 스튜디오 폼 (FORM) 공간건축연구소 아카이브 판맞춤 도면 묶음 — 색이 아니라 선과 치수가 말한다 감수한 리스크 사진 없는 역연도 텍스트 인덱스와, 스티키 평면도가 섹션을 지나는 동안 스스로 그려지는 구조 무채색 100%Radius 0scroll-draw 평면도하드 게이트 12/12
quiet-commerce 무월 (霧月) 싱글오리진 원두 정기구독 종이 원장처럼 정직한 구독 — 가격은 첫 화면에, 거래 내역은 원장으로 공개 감수한 리스크 세로 GNB와 카드 대신 원장의 행(行) 문법으로 원두를 나열하고, 구독 CTA는 회색조에서 가장 어두운 반전 블록으로 가격 첫 화면 노출앰버 강조 1색산미-바디 좌표 플롯하드 게이트 12/12
dark-instrument Pulsegate Edge Latency & Synthetic Probe 발광 없는 계기판 — 코발트는 배경이 아니라 글자와 차트 선으로만 존재한다 감수한 리스크 깜빡이는 상태점과 티커를 버리고 정적 24시간 프레임 하나, 그리고 스크롤에 따라 그려지는 배선도를 배치합니다 코발트=잉크 전용CSS scroll-draw 배선도단일 가격 행하드 게이트 12/12
quiet-luxury 향연 (享煙) 자연 침향 아카이브 한지 위의 장부 — 여백이 주인공이고 연기 한 줄기가 흔적이다 감수한 리스크 상품 사진 대신 사진 없는 목록(텍스트가 상품)과 한지 그레인, 세로쓰기 캡션으로 장부의 물성을 만듭니다 본문 17px·1.9행간한지 SVG 그레인수지 장부 공개하드 게이트 12/12
technical-schematic 궤도 우주공학 75kN 메탄 엔진 사양서 도면은 말하지 않고 측정만 한다 — 재생냉각 엔진의 단면도와 지상 연소 시험 기록 감수한 리스크 홍보 문구 대신 손으로 그린 엔진 단면도를 첫 화면에, 보류된 시험까지 지우지 않은 기록표를 함께 둡니다 모든 수치에 측정조건SF-27–31 시험 공개구리 액센트 1색하드 게이트 12/12
dark-instrument Synapse BCI Lab 64채널 신경 인터페이스 측정 조건이 붙은 계기 — 시뮬레이션은 시뮬레이션이라고 적고, 미측정값은 공백으로 둔다 감수한 리스크 64채널 스파이크 래스터 캔버스(화면 밖에서 정지)를 첫 화면에 두고, 윤리 섹션을 콘텐츠로 승격합니다 래스터 SIM 명시미측정값 '—' 표기윤리 섹션 상위하드 게이트 12/12
editorial-archival 비색의 침묵 (翡色之靜) 고려청자 특별전 큐레이션 암실의 세 개의 방 — 사진이 어두울수록 유약이 가까워진다 감수한 리스크 전시 포스터 형식을 버리고 빙렬 매크로를 풀블리드 판으로, 상감 접사와 '제1실·제2실' 방 번호 문법으로 구성합니다 빙렬 풀블리드 판비색 액센트 1색3개 방 구조하드 게이트 12/12
anti-grid 오버톤 사운드랩 공간 음향 · DSP 연구소 어두운 스튜디오 바닥의 목록 — 격자는 일부러 비틀었다 감수한 리스크 절차적 유사-FFT 캔버스(오디오 디코드 없음)와 스태거 2열 아카이브, 압축 타입 스케일로 반복을 피합니다 캔버스 파형·화면밖 정지스태거 2열 아카이브앰버 1색하드 게이트 12/12
editorial-archival 한성활자연구소 본문용 한글 활자 파운드리 글자가 상품이다 — 첫 화면의 거대 글리프와 인주각, 나머지는 물성과 눈금 감수한 리스크 Lorem ipsum 없는 스페시멘과 자간·행간·크기가 실시간 반영되는 조판 시험대를 전면에 배치합니다 시험대 슬라이더 3종Lorem 0회인주 액센트 1색하드 게이트 12/12