Loader 3

ImageBackground ImageList68 nodes · 23 styles

Description

Full-screen branded loader with logo on dark background

Detailed Analysis

This loader displays the Relume brand logo (cube icon and wordmark) centered on a full-screen black background. The white logo creates strong contrast against the dark backdrop. This branded loading screen reinforces brand identity during page loads or app initialization. The simple design keeps focus entirely on the logo without additional elements.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

loaderbranded loaderlogo displaydark backgroundfull screenpreloaderbrand loadinglogo animationblack backgroundcentered logobrand identitysplash screenlogo loadercompany branding

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1902",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-494",
              "playInReverse": false,
              "autoStopEventId": "e-1903",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": "%",
            "scrollOffsetValue": 0
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967e8|ae557315-0052-8a51-3f6f-a35c36a3016b",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967e8|ae557315-0052-8a51-3f6f-a35c36a3016b",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1680161983410,
          "eventTypeId": "SCROLL_INTO_VIEW",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1903",
          "name": "",
          "action": null,
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": "%",
            "scrollOffsetValue": 0
          },
      
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [ { "id": "e-1902", "name": "", "action": { "id": "", "config": { "delay": 0, "easing": "", "duration": 0, "actionListId": "a-494", "playInReverse": false, "autoStopEventId": "e-1903", "affectedElements": {} }, "instant": true, "actionTypeId": "GENERAL_START_ACTION" }, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": "%", "scrollOffsetValue": 0 }, "target": { "id": "6540ac58fa7ea7efe56967e8|ae557315-0052-8a51-3f6f-a35c36a3016b", "appliesTo": "ELEMENT", "styleBlockIds": [] }, "targets": [ { "id": "6540ac58fa7ea7efe56967e8|ae557315-0052-8a51-3f6f-a35c36a3016b", "appliesTo": "ELEMENT", "styleBlockIds": [] } ], "createdOn": 1680161983410, "eventTypeId": "SCROLL_INTO_VIEW", "mediaQueries": [ "main", "medium", "small", "tiny" ], "animationType": "preset" }, { "id": "e-1903", "name": "", "action": null, "config": { "loop": false, "delay": null, "effectIn": null, "direction": null, "playInReverse": false, "scrollOffsetUnit": "%", "scrollOffsetValue": 0 }, ... (truncated)