Design with AI
Generate a new design based on this screen using your own content.
# Design from Reference: Hiver Signup Page
Create an original, high-fidelity visual design inspired by the reference. Prioritize composition, typography, colors, spacing, and component styling over technical implementation.
## Reference
- **Product:** Hiver
- **Category:** Signup
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acbced175891049b18404cd_6acbcb4ce13ab9df8f04fc3b_cms-414f20bf695d3a90991f9e80.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:** Conversion-focused trial signup pairing a simple form with customer proof in a soft gray split card.
### Page composition
- **Capture:** 1440 × 821 screenshot pixels; estimated CSS scale approximately 1×.
- **Structure:** Centered logo above large split card; left trial form, right award/logo grid/testimonial. Legal statement sits below.
### Information hierarchy
- **Priority:** Trial heading and no-card note lead into name, phone and business email; yellow Get Started is the primary action.
### Typography
- **Family:** Sans serif; exact family unverified.
- **Estimated CSS sizes:** Heading 28px, body 16px, labels 14px and legal 13px.
### Colors & surfaces
- **Measured palette:** Canvas #F0F0F0, white #FFFFFF, proof panel #F8F8F8, inputs #F4F4F4, near-white #FEFEFE and rules #E7E7E7.
- **Accents:** Yellow branding/action, blue legal links and multicolor customer logos.
### Components
- **Elements:** Rounded fields, country dropdown with phone prefix, yellow pill CTA, cloud-partner mark, award badge, 4×3 logos and portrait quote.
- **Estimated geometry:** Card approximately 930px wide, 12px radius, 44px padding, 42px fields and 40px action.
### Visual rhythm
- **Spacing:** Widely separated form groups contrast with compact proof tiles; soft shadow distinguishes the card from the canvas.
### Responsive
- **Suggested adaptation:** Stack proof below the form and keep phone controls usable at narrow widths. Mobile behavior is unverified.
### Adaptation guidance
- **Transfer:** Preserve form/proof balance and clear required fields. Use current trial terms and genuine testimonials.
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.