CODE Content Studio Prototype

이번 주 트렌드

최근 활용 가치가 높은 소재를 15개 카드로 보여주는 화면 예시임.

프로젝트

진행 중이거나 완료된 카드뉴스 작업을 한 프로젝트 단위로 확인함.

현재 프로젝트

살림

1. 기획·문구 2. 디자인 3. 완성

AI가 만든 문구를 그대로 쓰지 않고, 페이지별로 직접 수정하거나 빠른 수정 버튼을 눌러 바꿀 수 있는 구조임.

AI 기획 방향 생활·유머 · 가벼운 생활 공감 콘텐츠 · 제품 연결 없음

디자인 스타일

선택한 스타일은 표지를 제외한 나머지 카드에 적용됨

CODE LIFE

IMAGE AREA

현재 페이지 레이아웃 처음에는 페이지별로 자동 추천되며, 마음에 안 드는 페이지만 변경하면 됨.

제목 직접 수정 AI 문구 수정(후킹하게·트렌디하게 등)은 기획·문구 단계에서 진행하고, 여기서는 필요한 부분만 직접 고치면 됨.

본문 직접 수정

이미지

현재 이미지 없음

현재는 실제 AI가 아닌 샘플 이미지 상태만 바뀜. 향후에는 현재 페이지 제목·본문을 기준으로 이미지를 생성하도록 연결 예정.

페이지

완성된 전체 카드를 한 번에 확인하고 다운로드하는 최종 단계임.

CODE 제품

신제품은 이미지·상세페이지를 넣고 AI가 제품 정보를 정리하는 기능을 추후 연결하는 영역임.

현재는 샘플 제품만 표시함. 이후에는 신제품 이미지나 상세페이지를 넣으면 제품명·특징·연결 가능한 콘텐츠 소재를 자동 정리하도록 확장 가능함.

CODE STYLE

브랜드 기본 규칙과 스타일별 디자인 레퍼런스를 관리하는 공간임.

BRAND DEFAULT

브랜드 컬러와 폰트는 디자인 레퍼런스보다 우선 적용되는 기본 규칙임.

메인 컬러

서브 컬러

기본 글자색

제목 폰트

본문 폰트

포인트 폰트

포인트 폰트는 밈·강조·짧은 코멘트 등에 제한적으로 사용 (현재 프로토타입에서는 카드에 실제 적용되지 않으며, 추후 디자인 자동 생성 연결 시 적용 예정)

표지(썸네일) 가이드

1페이지(표지·썸네일)는 프로젝트마다 고른 디자인 스타일과 상관없이 이 틀로 항상 고정됨. 사진 전체에 옅은 검정 톤을 깔고 하단으로 갈수록 짙어지는 그라데이션 위에 뱃지·서브텍스트·헤드라인이 얹히는 구조이며, 인스타 프로필 그리드에서 커버가 일관되게 보이도록 하기 위함임. 실제 사진은 프로젝트마다 바뀌고, 2~6페이지(속지)에만 아래 디자인 레퍼런스의 스타일 선택이 적용됨.

사진 자리
(프로젝트별 표지 사진이 여기 채워짐)

CODE LIFE

이 틀(사진 프레임 + 그라데이션 + 캡션)은 모든 프로젝트의 표지(1페이지)에 고정 적용됨. 뱃지 색상은 브랜드 컬러를 따르고, 세부 디자인은 추후 코드니처 전용 가이드로 다시 다듬을 예정임. 표지에 아직 사진이 없으면 브랜드 톤 솔리드 카드로 대체됨.

디자인 레퍼런스

스타일별 레퍼런스를 각각 관리하고, 향후 AI가 각 스타일의 디자인 규칙을 따로 분석하도록 연결하는 구조임. (2~6페이지 속지에만 적용됨)

CODE 기본

0개 레퍼런스

현재 스타일의 샘플 분석 특징임.

CODE LIFE

현재는 실제 AI 분석 결과가 아닌 샘플값임. 향후 AI 연결 시 선택한 스타일에 등록된 전체 레퍼런스를 분석해 자동 업데이트될 영역임.
위 미리보기는 레퍼런스 이미지를 분석한 결과가 아니라 현재 스타일 설정값이 어떻게 보이는지 보여주는 샘플임 — 레퍼런스를 몇 장 올리든 미리보기 자체는 바뀌지 않음.

레퍼런스

0개 이미지가 등록되어 있음.

아직 등록된
레퍼런스 없음

현재는 링크를 실제로 불러오지 않고, 향후 Instagram 연동용 입력 UI만 제공함.