Portfolio Header 5
Buttons2 ColumnsCards48 nodes · 20 styles
Description
Minimalist portfolio header with project name, description, tags, and client metadata displayed in a clean two-column layout on white background.
Detailed Analysis
This portfolio header component features a simple, text-focused design with no hero image. The left side displays a large bold project name heading, a brief description paragraph, and three category tags (Tag one, Tag two, Tag three) as small pill-shaped buttons. The right side presents project metadata in a 2x2 grid format showing Client (Full name), Date (March 2023), Role (Role name), and Website (www.relume.io as a clickable link). The layout uses ample white space and clean typography for a professional, minimalist aesthetic ideal for design portfolios.
Webflow Paste
Copy and paste directly into Webflow Designer
Keywords
portfolio headerproject detailsmetadata gridclient infodate displayrole informationwebsite linktag pillsminimalist designtwo-column layoutwhite backgroundtypography focusedcase study header
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-a10884714c7e",
"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-caae1d87315d"
],
"children": [
"aa18ebbe-5268-67f5-404b-a10884714c7f"
]
},
{
"_id": "aa18ebbe-5268-67f5-404b-a10884714c7f",
"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-a10884714c80"
]
},
{
"_id": "aa18ebbe-5268-67f5-404b-a10884714c80",
"tag": "div",
"data": {
"tag": "div",
"attr": {
"id": ""
},
"text": false,
"xattr": [],
"search": {
"exclude": false
... (truncated)