Developer brief · CYBERAD.IN

Instructions for the landing page

Build one page. No blog, no tool directory, no fake urgency. The live page is the reference implementation. Follow this brief if you rebuild it in Webflow, WordPress, Framer, or custom code.

What you are building

A single-scroll landing page for the Digital Marketing Foundation & Practical Application Programme. Primary action: request a seat. Secondary action: jump to the 3-day structure.

Desktop and mobile. Mobile has a sticky bottom register bar.
No accounts. No payment gateway on v1. Form is a seat request.
No testimonials unless the owner supplies named, real ones.
No countdown timers, “only 3 seats left”, or lead-magnet popups.

Brand

Logo file: use the official wordmark (navy CYBERAD + bright .IN). Do not recolour, outline, or drop-shadow it. On dark bands, set the wordmark in paper white with .IN in electric blue #0B63FD.

Navy

#054493 — wordmark, headings on cream, primary buttons

Navy deep

#032E66 — hover, dark panels

Blue

#0B63FD — .IN, focus rings, sparse dots. Not large fills.

Paper

#F4F1E8 — page background

Cream

#FFFDF8 — cards, form

Ink

#141820 — body text

Muted

#5A6370 — supporting copy

Line

#D6D0C2 — rules and dividers

Type: Instrument Serif for headlines only. Figtree for UI and body. IBM Plex Mono for indices (01, 02). Max two families plus mono.

Radii: small controls 8px, cards 18–28px (outer larger than inner). Hairline rules over heavy shadows. No purple, gold, neon, or mesh gradients.

Voice

Incisive. Short sentences. No hype. Match the course philosophy.

Say what the programme is and is not, in the same breath.
Never promise leads, sales, or “become an expert in 3 days”.
Prefer “understand / judge / ask / plan” over “master / crush / 10x”.
Headline pattern: claim + restraint. Example: “Digital marketing, without the noise.”
Fee is stated plainly: ₹11,999, taxes included. Do not hide it.

Source: programme overview + value-proposition documents. Back to landing page.