Rowset — Sign-up Form

---
version: alpha
name: Rowset — Sign-up Form
colors:
  primary: '#1313A4'
  brand-yellow: '#FFDD3D'
  white: '#FFFFFF'
  soft-surface: '#F5F5FF'
typography:
  heading:
    fontFamily: InterVariable, Inter, ui-sans-serif, system-ui, sans-serif
    fontSize: 30px
    fontWeight: 600
    lineHeight: 36px
  body:
    fontFamily: InterVariable, Inter, ui-sans-serif, system-ui, sans-serif
    fontSize: 14px
    fontWeight: 400
    lineHeight: 24px
---

## Overview

The account-creation screen reduces the marketing palette inside the form: a white canvas and restrained neutral card give way to a green submit button. Blue navigation and footer preserve the broader brand context. Captured October 8, 2026, in the public logged-out state.

## Colors

Measured source CSS uses deep blue #1313A4 and yellow #FFDD3D. White and pale lavender #F5F5FF provide quieter supporting surfaces. The green form action is a separate visual accent; no exact green token is claimed here. Yellow and lavender belong to the shared palette, not the central form surface.

## Typography

The inspected primary heading computes to 30px / 36px, weight 600, with -0.75px tracking. Its computed stack is InterVariable, Inter, ui-sans-serif, system-ui, sans-serif. Body text uses the separately sampled token above. Preserve the contrast between large display text and compact utility labels; these are desktop measurements, not fixed phone sizes.

## Layout

Use a narrow centered desktop form with generous whitespace. At 390px the heading and card fill the available width with modest side margins. The heading is above, rather than inside, the form card. Inputs and provider actions occupy the card width.

## Elevation & Depth

The form card uses a very subtle edge and shallow separation from the white canvas. Keep this low-contrast framing quieter than the green primary action.

## Shapes

Use gently rounded fields and buttons inside a subtly rounded card. The surrounding brand tile stays square; avoid oversized pill controls.

## Components

The visible initial form includes email, password, password guidance, a green Create account action, a divider and Google/GitHub buttons. A sign-in link sits beneath the title. The page mentions passkey setup after email confirmation; that later state was not visited.

## Do’s and Don’ts

Keep persistent field labels and clear alternate-auth grouping. Do not substitute placeholders for labels or imply OAuth, account creation, validation, or passkey setup was exercised. Static screenshots establish appearance only. Hover, focus, animation and submitted states remain untested. Check keyboard behavior and contrast in any adaptation; this is not a full accessibility audit.