Campaign Playground
בריף אחד לקמפיין, בארבעה פורמטים בבת אחת.
עובד רץ בדפדפן שלכם, ושום דבר לא עולה לשרת. אפשר לנסות אותו למטה על נתונים לדוגמה.
הבעיה
קמפיין צריך את אותו רעיון כפוסט, סטורי, באנר ותצוגה מקדימה של לינק. כשבונים כל אחד ביד, שם הטקסט גולש והניגודיות נפגעת.
מה בניתי
כלי שלוקח בריף אחד, מעמד את כל ארבעת הפורמטים יחד, ובודק כל אחד לפני הייצוא.
- פוסט, סטורי, באנר ותצוגת לינק
- הטקסט מתכווץ עד שהוא נכנס
- ניגודיות נבדקת לפני הייצוא
יכולות ומגבלות
נבנה ונבדק
- One brief (event, date, tagline, button) becomes four formats: 1080×1080 post, 1080×1920 story, 1920×1080 banner, 1200×628 link preview.
- Three original themes with parametric artwork (lanterns, paper waves, signal grid); recolor any of them.
- Artwork placement on a 3×3 grid; text takes the rest of the frame and its type shrinks until the copy fits.
- Checks on every format: text inside the safe area, smallest text readable, headline contrast at least 4.5:1, button contrast at least 3:1, no text over the artwork.
- Export each format as SVG or PNG.
מגבלות
- Fit and overlap are estimated from average glyph widths, not measured from the font; very wide letters can run a little longer than the estimate.
- PNG export uses your system's sans-serif font when the site font is not available to the image.
- No photo or illustration input yet: the artwork is the built-in shapes only.
מתוכנן
Better presets, masks, prompt consistency and batch variations.
איך משתמשים
- Edit the brief; every format updates.
- Pick a theme, move the artwork on the 3×3 grid, and adjust colors.
- A format with a problem says what to fix (try a pale text color to see the contrast check fail).
- Export SVG for editing or PNG for posting.
איך זה עובד
- Layout is computed per format from the frame size: safe margins, an artwork box and a text box, then baselines for date, headline, tagline and button.
- Contrast uses the WCAG relative-luminance formula.
- Output is plain SVG with no external references; a test checks that, and that all 108 combinations of theme, placement and format pass for the sample brief.
הורדה
עדיין אין הורדה. הורדה מופיעה כאן רק אחרי שהחבילה נבנית מקוד שנבדק, מותקנת ונבדקת.
גרסאות שנבדקו ומגבלות
- עבר Unit: all 108 theme x placement x format combinations pass the checks Node 22, Linux
- עבר Unit: WCAG contrast; weak palette flagged Node 22, Linux
- עבר Unit: long copy wraps and shrinks inside the safe area Node 22, Linux
- עבר Unit: SVG size, escaping, no external references Node 22, Linux
- עבר Browser: four formats, contrast flag, PNG export at 1080x1920 Chromium (Playwright), 1280px
נבדק לאחרונה: 2026-10-31.
כלי עימוד פרמטרי עם איורים מקוריים; בלי AI גנרטיבי.
פרטים
- קלט
- Original fictional brief and allowed reference images
- פלט
- Preview, variants and exports
- רץ ב
- Any modern browser. Runs locally; nothing is uploaded, and no image model is used.
- מקור
- מנוע עימוד פרמטרי מקורי, שנבנה מחדש מאפס בלי AI גנרטיבי. הגרסה הקודמת השתמשה במודל תמונות.