Portfolio Header 11
ImageButtons2 Columns26 nodes · 18 styles
Description
Content-first portfolio header with project name, tags, and description above a large full-width hero image, using clean two-column text layout.
Detailed Analysis
This portfolio header places all textual content above the hero image, reversing the typical visual-first approach. The top section features a two-column grid on white background: left column has a large bold project name with three category tags (Tag one, Tag two, Tag three); right column contains a detailed description paragraph. Below this content area, a full-width landscape image placeholder with rounded corners provides the visual element. This layout ensures visitors read the project context before engaging with the imagery, making it ideal for narrative-driven portfolios.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
portfolio headercontent firsthero belowtwo-columnproject nametag pillsdescriptionrounded cornersimage below textnarrative layoutcontext-firstcase studywhite background
Raw Data (spacer)
{
"meta": {
"droppedLinks": 0,
"dynBindRemovedCount": 0,
"unlinkedSymbolCount": 0,
"paginationRemovedCount": 0,
"dynListBindRemovedCount": 0
},
"type": "@webflow/XscpData",
"payload": {
"ix1": [],
"ix2": {
"events": [],
"actionLists": [],
"interactions": []
},
"nodes": [
{
"_id": "aa18ebbe-5268-67f5-404b-a10884714d78",
"tag": "header",
"data": {
"tag": "header",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"fcb6d91b-4eae-1177-be29-caae1d873190"
],
"children": [
"aa18ebbe-5268-67f5-404b-a10884714d79"
]
},
{
"_id": "aa18ebbe-5268-67f5-404b-a10884714d79",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
},
"devlink": {
"slot": "",
"runtimeProps": {}
},
"visibility": {
"conditions": []
},
"displayName": ""
},
"type": "Block",
"classes": [
"b0934d9a-875a-bb42-0630-12090a77fc73"
],
"children": [
"aa18ebbe-5268-67f5-404b-a10884714d7a"
]
},
{
"_id": "aa18ebbe-5268-67f5-404b-a10884714d7a",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)