Team 20

ImageButtons2 ColumnsCards1 ColumnImage/Video Right100 nodes · 29 styles

Description

Team section with left-aligned header, CTA button, and 2-column grid of team member cards featuring photos, names, job titles, bios, and social media links.

Detailed Analysis

This team section uses a three-column asymmetric layout. The left column contains a tagline, large 'Our team' heading, descriptive paragraph, and an 'Open positions' button. The right two-thirds displays team members in a 2x2 grid format. Each team card includes a large square placeholder image, bold name, job title, biography text, and a row of social media icons (LinkedIn, Twitter/X, and Dribbble). The design emphasizes readability with clear visual hierarchy and generous spacing between elements.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

team sectionteam membersstaff profilesemployee cardssocial media links2-column gridjob titlescompany teamopen positions CTAprofessional biosteam photosLinkedIn iconsabout us section

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": "90734a5d-6af9-f54f-25b6-ea5b61030906",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "0108aaca-244d-9b8b-02b9-171531438cb8"
        ],
        "children": [
          "90734a5d-6af9-f54f-25b6-ea5b61030907"
        ]
      },
      {
        "_id": "90734a5d-6af9-f54f-25b6-ea5b61030907",
        "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": [
          "90734a5d-6af9-f54f-25b6-ea5b61030908"
        ]
      },
      {
        "_id": "90734a5d-6af9-f54f-25b6-ea5b61030908",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "90734a5d-6af9-f54f-25b6-ea5b61030906", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "0108aaca-244d-9b8b-02b9-171531438cb8" ], "children": [ "90734a5d-6af9-f54f-25b6-ea5b61030907" ] }, { "_id": "90734a5d-6af9-f54f-25b6-ea5b61030907", "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": [ "90734a5d-6af9-f54f-25b6-ea5b61030908" ] }, { "_id": "90734a5d-6af9-f54f-25b6-ea5b61030908", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false ... (truncated)