Design with AI
Generate a new design based on this screen using your own content.
# Design from Reference: Intercom Press 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:** Intercom
- **Category:** Press Page
- **Screenshot:** https://cdn.prod.website-files.com/5e9dc792e1210c5325f7ebbc/62ec9c7452527cd27a07804c_1659622251799-screenshot-device-6c745d0aadf61e321d0e06f1afa8cc83-1659602514009.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:** Clean corporate press-resource page with navy typography, generous white space and a simple asset-download feature.
### Page composition
- **Canvas:** 1440 ร 3205 screenshot pixels; CSS estimates are near screenshot scale, with capture scale unverified.
- **Sequence:** Navigation/utilities; centered Press Resources heading; short/boilerplate descriptions; split brand-assets section; two-column news links; dark press-contact band; extensive white footer and cookie banner.
### Information hierarchy
- **Priority:** Oversized page title precedes reusable company descriptions. Brand asset download and press contact provide the key utility actions.
### Typography
- **Family:** Rounded sans-serif headings with neutral body; exact font is unverified.
- **Scale:** Estimated CSS main title 68โ72px, section headings 38โ40px, body 16โ17px with 26px leading and navigation 14px.
### Colors & surfaces
- **Sampled palette:** White #FFFFFF; navy #081D34; warm banner #F4F1EB.
- **Accents:** Blue pill actions stand out against navy/white; most links and body text remain dark navy.
### Components
- **Assets:** Large wordmark/icon example sits opposite explanatory text and a compact arrow download link.
- **News:** Two plain columns of underlined article titles. Contact band pairs bold white heading with blue pill.
- **Footer:** Five dense navigation groups; cookie strip uses icon, explanation and two contrasting rectangular actions.
### Visual rhythm
- **Spacing:** Very large 120โ180px CSS gaps separate description/assets/news areas; smaller paragraph intervals maintain reading flow.
### Responsive
- **Guidance:** Mobile is not shown. Stack asset columns, reduce title scale, collapse footer groups and wrap cookie actions.
### Adaptation guidance
- **Transfer:** Preserve press utility hierarchy and reusable company-copy structure. Supply approved descriptions, brand files and contact destinations.
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.