Navbar 2

ImageAccordion32 nodes · 21 styles

Description

A streamlined navigation bar with logo, centered nav links with dropdown, and a single primary CTA button.

Detailed Analysis

Similar to Navbar 1 but simplified with only one CTA button instead of two. Three-zone layout: logo/brand on left, navigation links in center (including dropdown with chevron indicator), and single filled button on right. Clean white background with bottom border. This variation is ideal when you want a cleaner navbar without competing button actions, focusing user attention on one primary conversion goal.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarnavigationheadermenudropdownlogosingle-buttonctaminimal-navclean-headercentered-linkssimple-navigation

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-8",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-8",
              "playInReverse": false,
              "autoStopEventId": "e-591",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967ef|ee2ece63-4833-e1ba-a379-d906d496c28b",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|ee2ece63-4833-e1ba-a379-d906d496c28b",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1626169409644,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-20",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-12",
              "playInReverse": false,
              "autoStopEventId": "e-394",
              "affectedElement
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-8", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-8", "playInReverse": false, "autoStopEventId": "e-591", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_START_ACTION" }, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": null, "scrollOffsetValue": null }, "target": { "id": "6540ac58fa7ea7efe56967ef|ee2ece63-4833-e1ba-a379-d906d496c28b", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967ef|ee2ece63-4833-e1ba-a379-d906d496c28b", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1626169409644, "eventTypeId": "NAVBAR_OPEN", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "preset" }, { "id": "e-20", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-12", "playInReverse": false, "autoStopEventId": "e-394", "affectedElement ... (truncated)