onyx-system

byAisha Sardar

Design a modern, high‑conversion SaaS landing page for the website “EnlystNow”. • Keep the existing logo (provided separately) exactly unchanged – place it in the top‑left corner of the header. • Extract the logo’s color palette (e.g., teal #00BFA5, dark gray #212121, white #FFFFFF) and use it as the primary colors throughout the design. • Layout: – Full‑width header with sticky navigation (Home, Features, Solutions, Pricing, About, Contact). – Hero section: large, centered headline *“Unlock Real‑Time Insights for Your Business”* with a supporting sub‑headline and a bold CTA button (“Get Started”). Include a subtle abstract data‑visualisation illustration behind the text. – Feature grid: 3‑column cards, each with an icon, short title, and 2‑sentence description. Use soft‑rounded cards, light shadow, and consistent spacing. – Customer testimonial carousel: photos of 3‑4 users, quotes, and star rating. – Pricing table: 3 plans (Starter, Pro, Enterprise) with clear feature checkmarks; highlight the “Pro” plan with a contrasting accent background. – Footer: dark background, four column links (Product, Company, Resources, Social), plus a small newsletter signup form. • Typography: modern sans‑serif pair – primary heading font “Inter Bold” (48 pt, line‑height 1.2), body font “Inter Regular” (18 pt). • Visual style: ultra‑clean, generous white space, rounded corners, subtle micro‑interactions (hover glows on buttons). • Responsive: mobile‑first breakpoints at 640 px (single column), 1024 px (two‑column), 1440 px (full desktop). • Use high‑resolution SVG icons, subtle gradient overlays (teal → aqua) on hero background, and soft drop shadows for depth. • No stock‑photo faces; use abstract data‑visual patterns or stylised silhouettes that do not compete with the logo. • Export as layered PSD or Figma file with all assets named clearly (Header, Hero, Feature‑1, …).

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
📝

Requirements Not Generated Yet

The SRD will be automatically generated as you discuss your project with the Tech Lead Agent.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.