← All blocks

Split sign-in with brand panel

auth · split-brand-panel · sign-in-split-brand

npx shadcn@latest add @plus-ui/sign-in-split-brand

Default content

{
  "brand": "rivetlane",
  "brandHref": "#",
  "title": "Welcome back",
  "description": "Sign in to your workspace to ship, preview and roll back.",
  "providers": {
    "items": [
      {
        "label": "GitHub",
        "icon": "branch",
        "href": "#"
      },
      {
        "label": "Google",
        "icon": "globe",
        "href": "#"
      }
    ],
    "dividerLabel": "or"
  },
  "fields": [
    {
      "kind": "email",
      "label": "Work email",
      "placeholder": "[email protected]"
    },
    {
      "kind": "password",
      "label": "Password",
      "link": {
        "label": "Forgot?",
        "href": "#"
      }
    }
  ],
  "remember": {
    "label": "Keep me signed in"
  },
  "submitLabel": "Sign in",
  "switch": {
    "text": "No account yet?",
    "link": {
      "label": "Start free",
      "href": "#"
    }
  },
  "footer": [
    {
      "label": "Privacy",
      "href": "#"
    },
    {
      "label": "Terms",
      "href": "#"
    },
    {
      "label": "Status",
      "href": "#"
    }
  ],
  "aside": {
    "title": "Every push gets a preview URL. Every merge ships in under a minute.",
    "visual": {
      "kind": "screen",
      "screen": {
        "product": "Rivetlane",
        "nav": [
          "Deployments",
          "Previews",
          "Domains",
          "Logs",
          "Settings"
        ],
        "activeNav": 0,
        "title": "talvik-web · production",
        "kpis": [
          {
            "label": "Deploys today",
            "value": "148",
            "delta": "+22 vs. Tue"
          },
          {
            "label": "Median build",
            "value": "41s",
            "delta": "−9s this week"
          },
          {
            "label": "Success rate",
            "value": "99.3%",
            "delta": "+0.4 pts"
          }
        ],
        "chart": {
          "title": "Builds per hour",
          "points": [
            22,
            30,
            41,
            38,
            56,
            72,
            64,
            80,
            77,
            58,
            46,
            62
          ],
          "labels": [
            "08:00",
            "11:00",
            "14:00",
            "17:00"
          ]
        },
        "rows": [
          {
            "name": "fix: cache headers on /assets",
            "detail": "main · 9f3c2a1 · Ines Albrecht",
            "value": "38s",
            "status": "positive"
          },
          {
            "name": "feat: checkout v2 behind flag",
            "detail": "preview · 4be71d0 · Kofi Mensah",
            "value": "52s",
            "status": "positive"
          },
          {
            "name": "chore: bump node to 22.11",
            "detail": "preview · c07e9b4 · Ines Albrecht",
            "value": "failed",
            "status": "negative"
          }
        ]
      }
    },
    "quote": {
      "text": "We cut our release checklist from eleven steps to one merge. Rollbacks take a click, so nobody fears Friday deploys anymore.",
      "person": {
        "name": "Ines Albrecht",
        "role": "Staff Engineer, Platform",
        "avatar": {
          "src": "https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&crop=faces&w=96&h=96&q=80",
          "alt": "Ines Albrecht"
        }
      },
      "company": "talvik"
    }
  }
}