Component Browser
BrowseBuild
Home/Browse/Navbar 13

Navbar 13

ImageAccordionList69 nodes ยท 33 styles
Navbar 13

Description

Compact centered navbar with rounded border styling and a single prominent call-to-action button.

Detailed Analysis

This minimalist navbar features a centered, pill-shaped container with a subtle border that floats above the page content. The design includes a logo on the left, minimal navigation links in the center, and a single CTA button on the right. The rounded corners and contained width create a modern, app-like aesthetic. This style works particularly well for landing pages and modern SaaS products where simplicity and focus are priorities.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

navbarcenteredroundedpill shapeminimalistcompactfloatingmodernSaaSlanding pagesingle CTAbordered

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1654",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-396",
              "playInReverse": false,
              "autoStopEventId": "e-1655",
              "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|bcee7fa1-d8f7-13f6-8f01-5d8995d42f1c",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|bcee7fa1-d8f7-13f6-8f01-5d8995d42f1c",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1661945733209,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1655",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-397",
              "playInReverse": false,
              "autoStopEventId": "e-1654",
              "affec
... (truncated)