# Design from Reference: Cake Equity Create A Raise Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation. ## Reference - **Product:** Cake Equity - **Category:** Add & Edit - **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acb6345adcf005a3c5c31a4_6acb6290a2ab34f17293705e_cms-f2e1b72ac359b6215c0c0b76.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:** Sparse fundraising setup introduction balancing playful illustration with dense disclaimer text. ### Page composition - **Canvas:** 5760 × 3284 screenshot px. Brand at top left and close at top right; centered two-column illustration/text area; bottom white action strip with violet Next. ### Information hierarchy - **Priority:** Start a new raise heading precedes Disclaimer and two compact paragraphs. Illustration softens the otherwise formal introduction. ### Typography - **Scale:** Capture-to-CSS ratio unverified. At 1440 px desktop width, heading would be about 32 px, disclaimer label 16 px bold, and body 14 px. Sans serif family unverified. ### Colors & surfaces - **Palette:** Sampled sRGB #F9F9F9, #FFFFFF, pale lime #F4FFCA, bright lime #C9FF00, navy text #242452, and violet #6036FF. ### Components - **Details:** Thin outlined figure carries stacked cake slices with lime fills and violet candle accents. Small rounded violet Next button and circular violet chat action. ### Visual rhythm - **Spacing:** Content occupies the central roughly 65% of width with broad top/bottom whitespace; text column is wider than the illustration. ### Responsive - **Adaptation:** Mobile is not shown. Stack illustration above text and keep bottom progression accessible without obscuring disclaimer copy. ### Adaptation guidance - **Transfer:** Preserve approachable illustration and readable formal content. Use the target product's approved legal wording and actual flow. 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.