i@ d Z ddlmZ ddlZddlZddlZddlZddlmZ ddl Z ddl
m Z ej j d e ee j ddlZddlmZmZmZmZmZmZ eZdZdZeZ d Z eZ d
Z d Z d Z!d
Z"eZ#edz Z$dZ%dZ&dZ'dZ(ddddddddddZ)d"dZ*d"d Z+d"d Z,d#d Z-d$d Z.d%d Z/e0d!k( r e/ yy)&u 컨셉 21(코카콜라), 22(갤럭시), 23(나이키) 하이브리드 이미지 생성기.
1단계: Gemini API로 배경 이미지 생성
2단계: Playwright로 HTML/CSS 텍스트 오버레이 합성 → PNG 저장
) annotationsN)Path)sync_playwright)CORE_METRIC_MIN_PX
CTA_MIN_PXFONT_DIRHEAD_SUB_RATIOSUBHEAD_MIN_PXWORKSPACE_ROOT* , X p g?gffffff?g333333?z output/meta-ads/concept-catalogz0https://generativelanguage.googleapis.com/v1betaz3https://www.googleapis.com/auth/generative-languagez gemini-3.1-flash-image-previewzgemini-3-pro-image-previewz21-cocacola-stylea Warm cream white background with soft red wave curves at the top, warm and inviting atmosphere, soft golden hour lighting feel, no text, no people, abstract warm shapes, cream white base #FFFDF9, red accent curves #F40009, golden yellow #FFCC00, 1080x1080 square)folder bg_promptz22-galaxy-stylezDeep space galaxy gradient background, dark navy #0A0E2E to purple #7B2FBE to electric blue, floating luminous particles and light streaks, premium tech aesthetic, cinematic quality, no text, abstract futuristic atmosphere, 1080x1080 squarez
23-nike-stylezPure solid black background #0D0D0D, subtle very faint diagonal light streak from upper right corner, minimal, dramatic, no text, no objects, cinematic dark atmosphere, 1080x1080 square212223c b dt d| dt dt dt dt dt
dS ) u, #21 코카콜라 스타일 HTML 오버레이zS
열심히는 하는데,
월급은 제자리걸음?
당신의 이야기, 우리가 알고 있습니다
지금 확인하기 →
)r
_METRIC_PX_LH_1_15 _SUBHEAD_PX _LH_RATIO
_SIZE_44PXbg_paths Y/home/jay/workspace/.worktrees/task-2116-dev1/tools/ai-image-gen/gen_concepts_21_22_23.py make_html_21r Q sh
j !#
$+) ,$ |
} | ]N N c
T d| dt dt dt dt dt d
S )u) #22 갤럭시 스타일 HTML 오버레이8
열심히는 하는데,
월급은 제자리걸음?
기술이 당신의 커리어를 업그레이드합니다
T.O.P 확인하기
)
_SIZE_88PX_LH_1_2r r
_SIZE_42PXr s r make_html_22r' s\ # $+) ,$ |
} | [I I r c
T d| dt dt dt dt dt d
S )u) #23 나이키 스타일 HTML 오버레이r" a ');
background-size: cover; background-position: center;
position: relative;
}
.overlay {
position: absolute; inset: 0;
background: rgba(13, 13, 13, 0.25);
}
.sub-pre {
position: absolute;
top: 240px; left: 80px;
font-size: zNpx;
font-weight: 400;
color: rgba(255,255,255,0.85);
line-height: zq;
letter-spacing: -1px;
}
.headline {
position: absolute;
top: 330px; left: 80px;
font-size: r# z;
letter-spacing: -4px;
text-transform: none;
}
.cta {
position: absolute;
bottom: 100px; right: 80px;
font-size: u px;
font-weight: 700;
color: #FF4500;
letter-spacing: 0;
}
.cta-underline {
position: absolute;
bottom: 88px; right: 80px;
width: 220px; height: 3px;
background: #FF4500;
opacity: 0.7;
}
열심히는 하는데,
월급은
제자리걸음?
지금 바꿔 →