Design with AI
Generate a new design based on this screen using your own content.
# Design from Reference: SeedLegals About 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:** SeedLegals
- **Category:** About Page
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/6acbd36fe13ab9df8f06696f_6acbd1a8258c784836c1b9be_cms-8af5ef81ae5c43b085f33585.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:** Friendly corporate about page with navy headings, bright violet sections, mint highlights and extensive team photography.
### Page composition
- **Canvas:** 1440 ร 9539 screenshot px.
- **Sequence:** Navigation; About introduction; large group photo with overlapping three-metric band; story/photo collage; twelve leadership cards in three columns; backer logos; violet awards band; map/contact block; news; testimonial/client logos; recruitment scene; navy CTA and white footer.
### Information hierarchy
- **Priority:** Bold section headings guide a long company narrative. Metrics, leadership identities, awards and customer proof create alternating evidence blocks.
- **Decoration:** Small violet heading flourishes, mint underlines and oversized pale-blue ring fragments add recurring emphasis.
### Typography
- **Family:** Rounded geometric sans serif, exact font unverified.
- **Scale:** Estimated screenshot hero 52โ56 px, section headings 38โ42 px, team names/news titles 20โ24 px, body 16โ18 px and small metadata 12 px.
### Colors & surfaces
- **Sampled palette:** White #FFFFFF; violet #6160FB; navy #002760; pale team-card surround #F7F6F9; lighter violet metric band #8888FC.
- **Accents:** Mint underlines/logo detail and pale-blue decorative rings; photography and comic-style news art add varied color.
### Components
- **Leadership:** White rectangular cards with soft large shadows, circular portraits, centered name/role/biography and violet square social buttons.
- **Awards:** Seven white tiles on a full violet band with large heading to the left.
- **Evidence:** Overlapping map/contact card, featured news plus three stories, testimonial photo/quote card and client-logo grid. Buttons are violet pills.
### Visual rhythm
- **Spacing:** Approximately 100โ160 screenshot px major-section gaps; repeated three-column grids contrast with asymmetric photo collages and full-width color bands.
### Responsive
- **Observed:** Desktop only.
- **Adaptation:** Stack leadership/award grids, simplify decorative rings, keep biographies readable and preserve logical order when overlapping blocks become vertical.
### Adaptation guidance
- **Preserve:** Navy/violet/mint identity, human photography, clear evidence groups and generous section spacing.
- **Replace:** Use approved team biographies, real awards, current location and verified company metrics; avoid reproducing reference legal or funding claims.
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.