Generate a new design based on this screen using your own content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
# Design from Reference: Supernotes 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:** Supernotes
- **Category:** About Page
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62f272e073c01a5e6eaf82a9_1660054816919-1a55be32-2db5-42ae-b2d5-bd69ce1b16d4-name%3DSupernotesAboutPage.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
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.
The hero illustration is what grabs you first. A confused emoji face surrounded by scattered app icons like Word, Evernote, OneNote, and Google Docs. It's playful and immediately communicates the problem Supernotes solves without a single bullet point. Smart storytelling.
Structure That Breathes
The layout is generous with whitespace, letting each section stand on its own. You move from the origin story to team bios to investors to supporters in a natural scroll. The team cards use circular portrait photos with subtle card containers, keeping things personal but organized. Typography is confident with bold serif headings contrasted against lightweight body text. The palette stays minimal: mostly black, white, and soft grays with that signature pink accent on CTAs.
What Makes It Stand Out
The supporter logos section feels earned, not forced. Santander, NatWest, King's 20. Real credibility. The physical mailing address at the bottom is a surprisingly human touch. And that sticky bottom bar with "Take notes effortlessly" is persistent without being annoying. The whole page reads like a founder's letter, not a corporate deck.