---
version: alpha
name: CleanShot Cloud — Centered Registration Form
colors:
  heading-ink: '#000000'
  body-ink: '#202A3E'
  surface: '#FFFFFF'
  action: '#2D7FFB'
  primary: '#2D7FFB'
typography:
  heading:
    fontFamily: Metropolis, "SF Pro Display", "SF UI Text", "Helvetica Neue", Helvetica,
      Arial, sans-serif
    fontSize: 32px
    fontWeight: 700
    lineHeight: 36.8px
  body:
    fontFamily: Metropolis, "SF Pro Display", "SF UI Text", "Helvetica Neue", Helvetica,
      Arial, sans-serif
    fontSize: 24px
    fontWeight: 700
    lineHeight: 40.8px
---

## Overview
A compact centered registration screen with the CleanShot icon and wordmark, four labelled fields, legal consent, an idle CAPTCHA widget and a blue Register action. Inspected on 2026-10-04. This is a complete page reference, not a relabelled section crop.

## Colors
Tokens above reflect observed CSS text/surface colors; Typewolf canvas is sampled from its screenshot. Photography, gradients and alpha treatments remain visual references rather than invented flat-color tokens. Keep saturated blue restricted to actions and emphasized words.

## Typography
The observed leading text sample uses Metropolis, "SF Pro Display", "SF UI Text", "Helvetica Neue", Helvetica, Arial, sans-serif at 32px, weight 700, with 36.8px leading. Supporting text uses Metropolis, "SF Pro Display", "SF UI Text", "Helvetica Neue", Helvetica, Arial, sans-serif at 24px / 40.8px. These are computed local samples, not a claimed universal type scale. Use licensed fonts or suitable fallbacks; imagery may contain unrelated typefaces.

## Layout
The desktop form is a narrow single column surrounded by white space, unlike the split sign-in page. At 390px it becomes nearly viewport-wide with approximately 30px side gutters; labels remain above controls and legal text wraps. The mobile opening capture ends near CAPTCHA; the complete desktop capture includes the lower controls and footer. The desktop screenshot is 1440 × 1069px at a 1440px viewport. Mobile evidence uses a 390px viewport; its image is 390 × 844px. Two measured widths do not establish exact breakpoint thresholds.

## Elevation & Depth
A mostly flat white surface uses thin neutral input outlines. Initial autofocus gives the name field a blue ring; no error or success message was triggered.

## Shapes
Rounded rectangular fields, a square agreement checkbox, the provider CAPTCHA frame and a compact rounded submit button establish the form rhythm.

## Components
Full name, email, password and repeat-password fields; agreement links; CAPTCHA and Register. The CAPTCHA is part of the normal visible form, not an access-denial page. It was not solved or interacted with. The account-creation process was not started.

## Do’s and Don’ts
Keep all labels and agreement text readable before the primary action. Do not treat placeholder bullets as an entered password or claim successful registration. Provide visible keyboard focus and accessible labels when adapting. Those are implementation recommendations, not a completed accessibility audit.