Linktree Set Password

# Design from Reference: Linktree Set Password Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation. ## Reference - **Product:** Linktree - **Category:** Signup - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acb6468b206c0d3f8f0669f_6acb62d981513cf526d0c493_cms-f1867d13b46f1cae623a926b.webp Analyze the screenshot first. If inaccessible, request it rather than guessing. ## Content {{content.instructions}} {{content.data}} Preserve essential messaging and factual accuracy. Adapt structure and copy length for visual balance; never invent product claims. ## Visual Design ### Overall aesthetic - **Character:** Bold password setup with a simple white form and colorful creator collage. ### Page composition - **Canvas:** 2880 × 1642 screenshot px. White left two-thirds contains logo, Back, heading/helper, password, disabled-looking Continue, and legal line; mustard right third holds layered artwork. ### Information hierarchy - **Priority:** Enter a password heading dominates; helper specifies minimum length, and the visibility icon supports entry. ### Typography - **Scale:** Estimated CSS at assumed 2× capture: heading 48 px heavy, body 16 px, legal 12 px. Sans serif family unverified. ### Colors & surfaces - **Palette:** Sampled sRGB #FFFFFF, mustard #DFA000, field #F6F7F5, inactive action #DEE2D8, magenta #DD00E0, and collage beige #D2BCAB. ### Components - **Details:** Roughly 590 CSS px form width, pale rounded password field, pill Continue, purple Back link, and right collage of profile cards, video tile, bag, and circular social icons. ### Visual rhythm - **Spacing:** Broad form margins and approximately 48 px between helper, input, and action; legal sits separately near bottom. ### Responsive - **Adaptation:** Mobile is not shown. Prioritize form and reduce or move collage below it. ### Adaptation guidance - **Transfer:** Preserve strong heading and restrained password UI. Adapt password rules and legal text to actual requirements. Use this context to reproduce the reference's visual language: layout, typography, colors, spacing, borders, radii, and distinctive elements. The screenshot takes priority if descriptions conflict. ## Direction {{preferences.fidelityInstructions}} ## Output {{output.instructions}} Deliver a polished, cohesive design with precise alignment, hierarchy, and spacing. Produce the requested visual artifact, not just a description. If unsupported, explain the limitation.