Brand Template Renderer

Live layout preview1080 × 1350

Drag to move

Inspector

Layer controls

Layers

Layer manager

Top Background

Type: rect

Template: news_text_top_image_bottom_01

namexywidthheightrotation

opacity

fill

radius

Template validation

Template hợp lệ để lưu lên API.

Render review

Request payload

outputFormatstory_image

Render request validation

Payload render hợp lệ và sẵn sàng gửi lên API.

{
  "templateId": "news_text_top_image_bottom_01",
  "variables": {
    "headline": ""
  },
  "assets": {
    "story_image": ""
  },
  "outputFormat": "png"
}

Versions

Template history

Chưa có version history khả dụng.

Version Diff

Compare snapshot

Chọn một version trong history để so sánh với bản draft hiện tại.

Assets

Asset library

Upload image

Chưa có asset nào trong library.

Render

API preview result

Chưa có preview render từ API. Bấm Render preview để kiểm tra output cuối.

Jobs

Recent render jobs

0Succeeded

0Failed

0Processing

0Pending

StatusTemplate scope

Không có render job nào khớp bộ lọc hiện tại.

JSON

Template payload

{
  "id": "news_text_top_image_bottom_01",
  "name": "News Text Top Image Bottom 01",
  "canvas": {
    "width": 1080,
    "height": 1350,
    "background": "#e50046"
  },
  "layers": [
    {
      "x": 0,
      "y": 0,
      "id": "top_background",
      "fill": "#e50046",
      "name": "Top Background",
      "type": "rect",
      "width": 1080,
      "height": 690,
      "radius": 0
    },
    {
      "x": 88,
      "y": 150,
      "id": "headline",
      "name": "Headline",
      "type": "text",
      "align": "center",
      "color": "#ffffff",
      "width": 904,
      "height": 390,
      "fontSize": 74,
      "maxLines": 5,
      "textSlot": "headline",
      "fontFamily": "Arial",
      "fontWeight": "800",
      "lineHeight": 1.18
    },
    {
      "x": 0,
      "y": 690,
      "id": "bottom_image",
      "fit": "cover",
      "name": "Bottom Image",
      "type": "image",
      "width": 1080,
      "height": 660,
      "radius": 0,
      "imageSlot": "story_image"
    }
  ],
  "status": "published",
  "createdAt": "2026-04-10T11:31:24.148Z",
  "updatedAt": "2026-04-10T11:31:24.148Z",
  "variables": [
    "headline"
  ],
  "description": "Breaking-news style template with a bold headline block on top and a changeable image on the bottom.",
  "brandPresets": [
    {
      "id": "breaking-news-default",
      "name": "Breaking News Default",
      "assets": {
        "story_image": "https://images.unsplash.com/photo-1541872705-1f73c6400ec9?auto=format&fit=crop&w=1200&q=80"
      },
      "variables": {
        "headline": "Trong 5 tuan x, mot chien dich quan su da dien ra voi nhieu dot khong kich keo dai va hang nghin muc tieu bi tan cong."
      }
    }
  ]
}