Header 143

ImageLightboxButtons25 nodes · 23 styles

Description

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

Detailed Analysis

This header uses an asymmetric two-column layout for the content area. The left column contains only the bold headline, positioned at the top. The right column contains the supporting paragraph text and dual CTA buttons. Below the right-side content sits a large video player area with a dark gray background and centered play button icon, spanning roughly 60% of the viewport width. The layout creates visual weight on the right side while maintaining clear separation between the headline and supporting content.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

split layoutvideo heroasymmetric headerheadline leftcontent rightvideo playerplay buttontwo columnlarge videomedia herodark videodual CTAmodern layout

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-3598",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "actionListId": "a-761",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_CONTINUOUS_ACTION"
          },
          "config": [
            {
              "smoothing": 50,
              "addEndOffset": false,
              "startsExiting": false,
              "addOffsetValue": 50,
              "addStartOffset": false,
              "endOffsetValue": 50,
              "startsEntering": true,
              "continuousParameterGroupId": "a-761-p"
            }
          ],
          "target": {
            "id": "66822dd4dbd5c943b7333591|c9c6a49b-b9ff-6fb0-3b76-62e9d073a4e8",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "66822dd4dbd5c943b7333591|c9c6a49b-b9ff-6fb0-3b76-62e9d073a4e8",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1719807567913,
          "eventTypeId": "SCROLLING_IN_VIEW",
          "mediaQueries": [
            "main",
            "medium"
          ],
          "animationType": "preset"
        }
      ],
      "actionLists": [
        {
          "id": "a-761",
          "title": "Header 143 Video [Scroll]",
          "createdOn": 1718804271978,
          "continuousParameterGroups": [
            {
              "id": "a-761-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-3598", "name": "", "action": { "id": "", "config": { "actionListId": "a-761", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_CONTINUOUS_ACTION" }, "config": [ { "smoothing": 50, "addEndOffset": false, "startsExiting": false, "addOffsetValue": 50, "addStartOffset": false, "endOffsetValue": 50, "startsEntering": true, "continuousParameterGroupId": "a-761-p" } ], "target": { "id": "66822dd4dbd5c943b7333591|c9c6a49b-b9ff-6fb0-3b76-62e9d073a4e8", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "66822dd4dbd5c943b7333591|c9c6a49b-b9ff-6fb0-3b76-62e9d073a4e8", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1719807567913, "eventTypeId": "SCROLLING_IN_VIEW", "mediaQueries": [ "main", "medium" ], "animationType": "preset" } ], "actionLists": [ { "id": "a-761", "title": "Header 143 Video [Scroll]", "createdOn": 1718804271978, "continuousParameterGroups": [ { "id": "a-761-p", "type": "SCROLL_PROGRESS", "parameterLabel": "Scroll", "continuousActionGroups": [ { "keyframe": 38, ... (truncated)