samples/e2e_daily_grind.json

{
  "canvas_settings": {
    "aspect_ratio": "1:1",
    "ambient_lighting": "Warm, softly diffused natural light from the upper left, producing gentle cream highlights, muted brown shadows, and a cozy editorial café atmosphere.",
    "image_style": "Polished square landing-page hero with a warm minimalist editorial layout; the left side is clean graphic space and the right side is a softly blurred lifestyle photograph."
  },
  "layers": [
    {
      "description": "Full square hero background divided visually into a warm off-white paper-like left field and a softly defocused café-photo field on the right. The left field has subtle beige grain and a faint horizontal tonal transition near the lower third; the right field shows blurred amber-brown wood, pale reflections, and indistinct dark plant silhouettes.",
      "coordinates": "cx: 0.500, cy: 0.500, w: 1.000, h: 1.000",
      "hierarchy_and_relation": "Base layer beneath all typography, controls, icons, and foreground drink elements; the left and right fields meet near the vertical center without a hard border.",
      "color_specs": [
        "#F7F1E8",
        "#E9DDCB",
        "#C8955D",
        "#6A442D",
        "#2F2118"
      ]
    },
    {
      "description": "Upper-left brand lockup: a small dark-brown outlined coffee-bean icon tilted diagonally, followed by the widely tracked uppercase wordmark 'DAILY GRIND'. The icon and wordmark share one horizontal row, with the wordmark aligned to the icon's right and vertically centered against it. The lettering is compact, bold, sans-serif, and aligned horizontally with generous surrounding whitespace.",
      "coordinates": "cx: 0.151, cy: 0.082, w: 0.205, h: 0.045",
      "hierarchy_and_relation": "Sits directly over the off-white background at the top-left and remains visually separate from the headline below.",
      "color_specs": [
        "#3B2418",
        "#F7F1E8"
      ]
    },
    {
      "description": "Large two-line hero headline in a heavy rounded sans-serif. The first line reads 'Fresh beans' and the second line reads 'every Monday'. The two rendered-text occurrences form a left-aligned vertical stack, with the second row directly beneath the first and both sharing the same left edge. Both rows are left aligned, dark espresso brown, tightly stacked, and occupy most of the left half.",
      "coordinates": "cx: 0.276, cy: 0.350, w: 0.458, h: 0.210",
      "hierarchy_and_relation": "Primary typographic focal point on the left, positioned below the brand and above the supporting copy; it remains unobstructed against the pale background.",
      "color_specs": [
        "#352117",
        "#F7F1E8"
      ]
    },
    {
      "description": "Two-line supporting statement in a smaller medium-weight sans-serif: first line 'Handpicked roasts delivered weekly.', second line 'Start your week with better coffee.'. The two rendered-text occurrences are stacked as consecutive left-aligned rows beneath the headline, with the second row directly below the first. The text is left aligned, muted warm brown, and evenly spaced.",
      "coordinates": "cx: 0.224, cy: 0.505, w: 0.348, h: 0.068",
      "hierarchy_and_relation": "Placed beneath the headline and above the call-to-action, with strong contrast against the off-white field.",
      "color_specs": [
        "#6F503D",
        "#F7F1E8"
      ]
    },
    {
      "description": "Rounded rectangular call-to-action button with a solid burnt-orange fill. Centered inside is the white bold sans-serif label 'Start your subscription', followed by a thin white right-pointing arrow icon. The label and arrow share one horizontal row, with the arrow positioned to the label's right and both vertically centered within the button. The button has softly rounded corners and a subtle warm shadow.",
      "coordinates": "cx: 0.202, cy: 0.612, w: 0.299, h: 0.064",
      "hierarchy_and_relation": "Floats over the left background below the supporting statement; its saturated fill creates the strongest interactive accent on the page.",
      "color_specs": [
        "#C9682F",
        "#FFFFFF",
        "#A95225"
      ]
    },
    {
      "description": "Three compact benefit items arranged in one horizontal row beneath the button. Each item pairs a thin brown outline icon with two stacked text lines: a coffee-bean icon above 'Ethically' and 'sourced'; a leaf icon above 'Small-batch' and 'roasted'; and a calendar icon above 'Delivered' and 'every Monday'. Within each item, the two rendered-text occurrences form a left-aligned two-row column beside its icon; the three icon-and-text groups proceed left to right on a shared horizontal row. Headings are darker and slightly bolder than the smaller muted sublines.",
      "coordinates": "cx: 0.237, cy: 0.720, w: 0.375, h: 0.060",
      "hierarchy_and_relation": "Anchored along the lower-left area, aligned beneath the call-to-action and separated from the photograph by open negative space.",
      "color_specs": [
        "#5A3827",
        "#806451",
        "#F7F1E8"
      ]
    },
    {
      "description": "Large shallow ceramic latte cup viewed from a slightly elevated front angle, positioned on the right. The cup has a thick cream rim, a rounded body with warm beige speckling, and a broad curved handle extending to the right. It rests on a dark brown wooden saucer or tabletop with visible grain and soft highlights.",
      "coordinates": "cx: 0.735, cy: 0.666, w: 0.491, h: 0.430",
      "hierarchy_and_relation": "Foreground photographic subject overlapping the blurred café background; the cup occludes the wood surface and supports the latte-art surface above it.",
      "color_specs": [
        "#F3E7D4",
        "#D8B992",
        "#B98255",
        "#5A321F",
        "#2B1A12"
      ]
    },
    {
      "description": "Creamy latte surface inside the cup, filling the upper bowl with a pale beige foam. Symmetrical rosette latte art is formed by crisp white milk foam and darker caramel-brown coffee channels, with a pointed leaf-like center and soft blurred foam edges.",
      "coordinates": "cx: 0.724, cy: 0.535, w: 0.315, h: 0.225",
      "hierarchy_and_relation": "Contained within and partially occluded by the cup rim; the bright foam contrasts against the darker coffee and draws attention toward the upper-right.",
      "color_specs": [
        "#F6E8D2",
        "#D9B27D",
        "#A9683D",
        "#7B4328"
      ]
    },
    {
      "description": "Foreground coffee beans scattered across the lower-right wooden surface, including several sharply focused oval beans near the bottom edge and softer beans behind them. The beans are roasted chestnut brown with glossy highlights and natural central creases.",
      "coordinates": "cx: 0.858, cy: 0.842, w: 0.282, h: 0.210",
      "hierarchy_and_relation": "Topmost photographic foreground detail, overlapping the wooden surface and partially approaching the cup without covering its main body.",
      "color_specs": [
        "#4A2818",
        "#6E3D23",
        "#8B502D",
        "#C18A5B"
      ]
    }
  ]
}