---
title: "Split sign-in with logo wall"
description: "A split sign-in page: a graphite panel with a customer quote and a 2×2 wall of customer wordmarks, beside a white form with Google, email and password, and a saffron button."
plan: Pro
docs: https://ui.edbn.me/docs/templates/split-sign-in-with-logo-wall
---

# Split sign-in with logo wall

A split sign-in page: a graphite panel with a customer quote and a 2×2 wall of customer wordmarks, beside a white form with Google, email and password, and a saffron button.

Brightyard is an invented finance brand: graphite and saffron in Instrument Sans. The panel keeps the logo at the top, the quote with its author's name and role on the page's vertical centre, level with the form, and the wordmark wall at the foot, level with the footer. It opens with sample values; sample={false} opens it empty. Every field has a visible label and its own error, the eye button shows the password, Enter submits, and a ghost button offers an emailed sign-in code instead. Below 1024px the panel follows the form as the quote and the wordmark wall, and the footer closes the page.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/split-sign-in-with-logo-wall
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, button, field, input, input-group, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More authentication templates

All 10, with install commands: https://ui.edbn.me/docs/templates/authentication · https://ui.edbn.me/docs/templates/authentication.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt
