Header 144

ImageButtons21 nodes · 19 styles

Description

A split hero section with headline left, description and buttons right, and a large image spanning the bottom-right area.

Detailed Analysis

This header employs an asymmetric two-column layout for content organization. The left column features only the bold headline positioned at the top, creating strong visual hierarchy. The right column contains the supporting paragraph and dual CTA buttons (primary filled, secondary outlined). Below the right-side content sits a large landscape image placeholder spanning approximately 60% of the viewport width. The clean, minimal design uses generous whitespace and clear content separation between headline messaging and supporting details.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

split layoutasymmetric headerheadline leftcontent rightlarge imagetwo columnminimal designclean layoutimage rightmodern herodual CTAwhitespacecontent hierarchy

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-3597",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-760",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-760-p"
            }
          ],
          "target": {
            "id": "66822dd4dbd5c943b7333591|146e19ac-be06-f189-d3c9-cb3b6dc6148d",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "66822dd4dbd5c943b7333591|146e19ac-be06-f189-d3c9-cb3b6dc6148d",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1718807963142,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium"
          ],
          "animationType": "custom"
        }
      ],
      "actionLists": [
        {
          "id": "a-760",
          "title": "Header 144 Image [Scroll]",
          "createdOn": 1718804271978,
          "continuousParameterGroups": [
            {
              "id": "a-760-p",
              "type": "SCROLL_PROGRESS",
              "parameterLabel": "Scroll",
              "continuousActionGroups": [
                {
                  "keyframe": 38,
                  
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-3597", "name": "", "action": { "id": "", "config": { "actionListId": "a-760", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_CONTINUOUS_ACTION" }, "config": [ { "smoothing": 50, "addEndOffset": false, "startsExiting": false, "addOffsetValue": 50, "addStartOffset": false, "endOffsetValue": 50, "startsEntering": true, "continuousParameterGroupId": "a-760-p" } ], "target": { "id": "66822dd4dbd5c943b7333591|146e19ac-be06-f189-d3c9-cb3b6dc6148d", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "66822dd4dbd5c943b7333591|146e19ac-be06-f189-d3c9-cb3b6dc6148d", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1718807963142, "eventTypeId": "SCROLLING_IN_VIEW", "mediaQueries": [ "main", "medium" ], "animationType": "custom" } ], "actionLists": [ { "id": "a-760", "title": "Header 144 Image [Scroll]", "createdOn": 1718804271978, "continuousParameterGroups": [ { "id": "a-760-p", "type": "SCROLL_PROGRESS", "parameterLabel": "Scroll", "continuousActionGroups": [ { "keyframe": 38, ... (truncated)