A sharper first impression.
Catalogic’s enterprise backup offer, brought into focus.
Same core facts. A clearer, quieter hero.
Brand reference: Cursor’s official guidelines
Identity: Catalogic’s own logo, blue and green.
Both views are actual browser screenshots at the same viewport size. The original is shown after declining cookies for a fair design comparison; the checkbox restores the untouched first-visit view. The new hero contains no trackers or cookie banner. Every screenshot and font is embedded in this file.
Who this is for.
The three-line audience note, written before designing.
Who: Enterprise IT and backup/storage administrators protecting mixed infrastructure.
Five seconds: DPX recovers VMs, files and databases directly from immutable backup storage, before the full restore finishes.
Next step: Get a demo or explore DPX; confirm workload coverage immediately.
Grounded in the live homepage, DPX page and partner page. Security leadership is an inferred secondary audience. The site explicitly addresses channel partners; it does not establish managed service providers as the primary hero audience.
A quality bar, not a template.
Concrete observations from Cursor’s live brand guidelines and homepage.
Type and colour. The live brand page uses CursorGothic, a normal-weight 36px heading with a 43.2px line height, warm #f7f7f4 paper and near-black #26251e. Catalogic uses its own blue and green, with Instrument Sans and IBM Plex Mono.
Spacing and imagery. Generous margins, quiet space between blocks, modest navigation and fine boundaries create the hierarchy. Cursor’s brand page favours a flat horizontal logo; its homepage grounds the experience in a product demonstration over landscape imagery. Here, a custom storage illustration explains Catalogic’s existing recovery claim.
Motion and restraint. Observed interaction transitions are roughly 100–250ms; the brand presentation is largely still. This hero uses a finite entrance, a connection drawing and a slight lift, then rests. Reduced-motion preference disables them.
Sources: official brand guidelines and live homepage. Type, palette, spacing and motion observations come from the rendered pages, rather than a claim that the guidelines prescribe those values.
Every core fact, kept.
The complete fact map from the original hero. Copy and structure changed; the business claims did not.
| ORIGINAL FACT / VALUE PROPOSITION | WHERE IT APPEARS NOW |
|---|---|
| Catalogic Software name and blue/green logo. | Header. Original logo embedded verbatim. |
| Enterprise backup and recovery software. | Eyebrow above the headline. |
| Recover before the restore finishes. | Main headline, with new line breaks. |
| Product: Catalogic DPX. | Description lead, illustration caption and Explore DPX link. |
| Restore VMs, files and databases. | Description, with all three recovery targets named. |
| Restore straight from immutable backup storage. | Description: “directly from immutable backup storage.” Also illustrated. |
| Agentless backup for VMware, Hyper-V and Proxmox VE. | Virtual capability; all three platforms retained. |
| Physical Windows and Linux servers. | Physical capability; both operating systems and servers retained. |
| NDMP filers and tape. | Physical capability; both storage types retained. |
| Immutable storage built in. | Built in capability. |
| Instant VM Restore built in. | Built in capability, illustration and desktop caption. |
| Get a demo. | Primary button and navigation. Same demo destination. |
| Explore DPX Data Protection. | “Explore DPX” secondary button, full accessible label and same DPX destination. |
No customer statistics, logos or testimonials appeared in the original hero. None were added. Its background “Data Protection” lettering was decoration; the new hero expresses that category through its offer, DPX description and capabilities. The illustration is a conceptual explanation of recovery from immutable storage, not a product screenshot or live recovery status.
Three cold reviews.
Each round used a separate critic with fresh context, looking at desktop and mobile renders against the original.
Moderate: unreadable and clipped illustration labels.
Added a dedicated mobile composition, readable callouts and larger desktop annotations.
Moderate: the infrastructure illustration felt generic.
Reduced the base to three layers, strengthened the green recovery plane, enlarged Catalogic’s actual mark and removed excess construction lines.
Minor: annotation legibility.
Darkened the text and leader lines one step. The critic considered the composition, type, spacing and mobile adaptation convincingly premium, and said it was appropriate to stop.
“The composition, typography, spacing, and mobile adaptation now look convincingly premium. Appropriate to stop; no major redesign needed.”
Checked live.
Verified in a real Chromium browser through Playwright. Screenshots above came from the published portal URL.
Published hero: HTTP 200 by curl and browser. Final file served byte-for-byte as published. Desktop 1440 × 900 and mobile 390 × 844 captured with no horizontal overflow; every core fact fits above the fold at both sizes.
Responsive and accessible: No horizontal overflow across 13 widths from 320 to 1920 pixels. Navigation tested for opening, Escape, focus return, outside click and resizing. Reduced-motion preference disables all animation. Automated accessibility checks found no violations at the two target sizes; illustration labels were also checked visually.
Self-contained: Inline CSS and JavaScript, inline SVG and image data, embedded licensed fonts. Browser recorded only the HTML request and no JavaScript errors. No external runtime dependencies or paid generation.
Files: catalogic-hero.html and this comparison file. All working files stay in the designated scratch folder. No repository, existing tests or configuration files were changed.