---
title: "Dark sign-in with a saved account"
description: "A dark sign-in page in one centred column: the account this browser remembers as a single row to continue with, then an email-or-username and password form."
plan: Pro
docs: https://ui.edbn.me/docs/templates/dark-sign-in-with-saved-account
---

# Dark sign-in with a saved account

A dark sign-in page in one centred column: the account this browser remembers as a single row to continue with, then an email-or-username and password form.

Murmur is an invented voice-rooms app, set in Inter Tight on a warm near-black with no art. Peach is kept for the Log in button and the focus ring, and a light coral for errors so they stay readable on the dark ground. The remembered account is one button: click it, or press Enter or Space on it, and onContinueAs receives the handle. "Not you? Use another account" forgets it and moves focus to the email field. Each empty field gets its own error, the eye button shows the password, and Enter submits through onSubmit. It opens with a remembered account; sample={false} opens it as a first visit. The column is the same at every width, at most 380px wide.

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/dark-sign-in-with-saved-account
```

## Dependencies
- npm: lucide-react@^1.33.0, @fontsource-variable/inter-tight@^5.3.0
- edbn: edbn-base, avatar, button, field, input, input-group, item, 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