CODE Content Studio Prototype

이번 주 트렌드

구글 트렌드 실제 인기 검색어를 바탕으로 Gemini AI가 다듬은 소재임 (매회 12개). 2주마다 자동으로 새로 갱신됨.

프로젝트

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

현재 프로젝트

살림

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

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

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

디자인 스타일

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

CODE LIFE

IMAGE AREA

현재 페이지 레이아웃

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

본문 직접 수정

이미지

현재 이미지 없음

"AI 다시 생성"/"다른 느낌"은 실제로 이미지를 새로 만들어줌(Cloudflare Workers AI, 카드 등록 불필요, 하루 약 230장 정도 무료 — 트렌드·문구에 쓰는 Gemini 하루 20회 한도와는 완전히 별개라 마음껏 눌러도 됨). 결과가 마음에 안 들면 다시 눌러서 새로 생성하면 됨. (참고: 디자인 단계에 처음 들어가서 페이지 이미지를 한꺼번에 자동으로 만들 때는, 내용에 맞는 장면을 파악하려고 먼저 Gemini를 프로젝트당 딱 1번만 사용하고(하루 20회 한도에 포함), 실패할 경우에만 자동으로 Cloudflare Workers AI 텍스트 모델이 대신 처리함.)

페이지

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

CODE 제품

이미지를 직접 올리거나, 상세페이지 링크를 넣어 AI가 제품 정보를 정리하게 할 수 있음.

등록한 제품은 트렌드/문구 AI가 실제로 참고해서 "제품 연결" 소재를 만들 때 씀. 상세페이지 링크를 넣고 "링크에서 자동 채우기"를 누르면 카테고리·특징·연결 소재를 AI가 채워주고(하루 20회 한도 중 1회 사용), 대표 이미지가 있으면 바로 가져다 쓸 수 있음.

CODE STYLE

브랜드 기본 설정과, 실제 카드뉴스 제작에 쓰이는 디자인 스타일·템플릿·콘텐츠 규칙을 확인하는 공간임.

BRAND DEFAULT

모든 디자인 스타일에 공통으로 적용되는 CODE 기본 브랜드 규칙임.

메인 컬러

서브 컬러

기본 글자색

제목 폰트

본문 폰트

포인트 폰트

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

DESIGN STYLE

실제 카드뉴스 제작에 쓰이는 디자인 스타일임. Figma 디자인 가이드 → Figma Connector 실측 → HTML/CSS 템플릿 구현 순서로 만들어지고, AI는 승인된 템플릿만 사용함.

CODE 기본

Figma 디자인 가이드를 기준으로 구현한 CODE 기본 카드뉴스 스타일임.

스타일 원칙

사용 템플릿

표지

본문

미리보기는 실제 PROJECT 디자인 화면과 동일한 카드로 렌더링되며, 고정 샘플 문구·이미지만 사용함(Gemini·Workers AI 호출 없음).

콘텐츠 규칙

Headline최대 1줄

Body최대 2줄

표지Cover / Photo-Full 고정

본문 레이아웃프로젝트당 1종 선택 후 2페이지~마지막 페이지 전체 적용

이미지AI 생성 / 재생성 / 직접 업로드 / 제거 가능