inft.kr
Infinite Studio 공식 홈페이지. 무한한 미래를 만들어 갑니다
개발
yarn install
yarn dev # http://localhost:3000
yarn build # 프로덕션 빌드
yarn lint # ESLint
yarn typecheck # TypeScript
Node.js 20.9 이상이 필요합니다.
스택
- Next.js 16 (App Router, Turbopack) · React 19 · TypeScript
- three.js + React Three Fiber + drei: 메인 화면의 홀로그램 유리 로고
- SCSS Modules, 디자인 토큰은
src/app/globals.scss
- 서체: Pretendard Variable (본문, 영문, 숫자), 빈폴체 (슬로건과 제목의 한글만)
구조
src/
app/ 라우트 (/, /about, /projects, /brand, /privacy)
components/
hero/ 3D 히어로 (유리 로고 셰이더, 로고 애니메이션 시간표, 인터랙션)
home/ 메인 화면 섹션
site/ 내비게이션, 푸터
ui/ 공용 컴포넌트
content/ 개인정보 처리방침 (Markdown)
data/ 사이트 정보, 프로젝트, 멤버, 연혁
fonts/ 빈폴체
public/
brand/ 로고 SVG 개별 파일
내용 수정은 대부분 src/data/*.ts만 고치면 됩니다.
- 프로젝트 추가:
src/data/projects.ts
- 멤버 추가:
src/data/members.ts (아바타는 src/assets/)
- 연혁 추가:
src/data/history.ts (highlight: true면 메인 화면 연혁에도 노출)
디자인 원칙과 컬러/타이포 규칙은 docs/DESIGN.md에 있습니다.
서체 라이선스
- Pretendard: SIL Open Font License 1.1
- 빈폴체: © 삼성물산(주)패션부문. 눈누 배포 패키지(
@noonnu/beanpoleot-m00)의 woff 파일을 고치지 않고 그대로 씁니다. 라이선스 전문은 src/fonts/Beanpole-LICENSE.md에 있고, 사이트 푸터에 출처를 적습니다. 폰트 파일을 수정하거나 변환하지 말고, 인쇄물, 굿즈, 공식 BI/CI에 쓰기 전에는 삼성물산(주)패션부문에 먼저 문의하세요.
