54b9628879
CSS 그라디언트 광원만으로는 패럴랙스의 기준면이 약했다. 굴절과 그레인이 실제로 들어 있는 이미지를 Codex CLI 내장 image_gen(gpt-image-2)으로 생성했다. 스톡이 아니라 이 페이지의 토큰 값을 프롬프트에 그대로 넣어 만든 것이다. 바탕 #0B0E12, 광원은 좌상단 딥 틸 #4FD6C4 와 우하단 파랑 #3D7BD6 둘뿐 보라·마젠타·무지개 금지 — 슬롭 지문이다 "흰 본문 뒤에 깔리니 활자와 경쟁할 만큼 밝은 곳이 있으면 안 된다. 중앙은 조용하게, 밝기는 모서리 쪽에" 사물·글자·사람·플레어·보케·비네트 전부 금지 components/BgPhoto.astro CSS background-image 가 아니라 <Image loading="lazy"> 를 절대배치한다. background-image 로 깔면 항상 받고 최적화도 안 된다 설치 섹션은 flip 으로 좌우 반전 — 같은 그림으로 읽히지 않게 섹션 경계에서 끊기지 않게 위아래를 마스크로 지운다 패럴랙스는 -46/+46px 로 가장 느리다 빌드 결과 WebP 26KB / 14KB / 7KB. 소스도 PNG 2MB 대신 WebP 37KB. 재료·설치 섹션 대비 실패 0건. |
||
|---|---|---|
| .. | ||
| site | ||