Component Browser
BrowseBuild
Home/Browse/Team 21

Team 21

ImageButtons4 ColumnsCards1 Column189 nodes ยท 29 styles
Team 21

Description

Centered team section with circular avatar photos arranged around a central heading, featuring compact member cards with names, titles, and social icons.

Detailed Analysis

This team layout uses a radial/orbital design pattern with the section title centered and team members arranged around it. Each team member card displays a small circular avatar, full name, job title, brief bio text, and social media icons (LinkedIn, X/Twitter, Dribbble). The 'Our team' heading is prominently centered with a tagline above and description below. Three team members are visible in an asymmetric arrangement creating visual interest. The compact card format prioritizes key information while maintaining clean aesthetics.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

team sectioncircular avatarsradial layoutcentered headingcompact cardssocial iconsteam profilesorbital designminimalist teamabout pagestaff directorysmall team displaycreative layout

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": "4320bd47-c473-cb51-2249-a2c7e35fa062",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "9e07fcd0-48eb-3506-79a8-02cc509e8c9a"
        ],
        "children": [
          "4320bd47-c473-cb51-2249-a2c7e35fa063"
        ]
      },
      {
        "_id": "4320bd47-c473-cb51-2249-a2c7e35fa063",
        "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": [
          "4320bd47-c473-cb51-2249-a2c7e35fa064"
        ]
      },
      {
        "_id": "4320bd47-c473-cb51-2249-a2c7e35fa064",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
    
... (truncated)