PageSourceSearch

https://syllabus.com/advertise

html syllabus.com collected 2026-10-01 11:31:38 UTC 39,311 bytes, 732 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-theme="dark">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>Advertise in syllabus — Reach an AI & Future Tech Audience</title>
7  <meta name="description" content="Sponsor Syllabus, a free weekly AI, robotics, and future tech newsletter read by founders, operators, and marketers. Request the media kit." />
8  <link rel="canonical" href="https://syllabus.com/advertise" />
9  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
10  <meta name="theme-color" content="#1A1A2E" />
11  <meta name="author" content="Syllabus" />
12
13  <!-- Open Graph -->
14  <meta property="og:type" content="website" />
15  <meta property="og:site_name" content="Syllabus" />
16  <meta property="og:locale" content="en_US" />
17  <meta property="og:title" content="Advertise in syllabus — Reach an AI & Future Tech Audience" />
18  <meta property="og:description" content="Sponsor Syllabus and reach founders, operators, and marketers who follow AI and robotics. Request the media kit." />
19  <meta property="og:url" content="https://syllabus.com/advertise" />
20  <meta property="og:image" content="https://syllabus.com/images/og-syllabus.png" />
21  <meta property="og:image:secure_url" content="https://syllabus.com/images/og-syllabus.png" />
22  <meta property="og:image:width" content="1200" />
23  <meta property="og:image:height" content="630" />
24  <meta property="og:image:type" content="image/png" />
25  <meta property="og:image:alt" content="syllabus — AI, robotics, and what's next made simple. Free weekly newsletter." />
26
27  <!-- Twitter / X -->
28  <meta name="twitter:card" content="summary_large_image" />
29  <meta name="twitter:site" content="@Syllabusaix" />
30  <meta name="twitter:creator" content="@Syllabusaix" />
31  <meta name="twitter:title" content="Advertise in syllabus — Reach an AI & Future Tech Audience" />
32  <meta name="twitter:description" content="Sponsor Syllabus and reach founders, operators, and marketers who follow AI and robotics. Request the media kit." />
33  <meta name="twitter:image" content="https://syllabus.com/images/og-syllabus.png" />
34  <meta name="twitter:image:alt" content="syllabus — AI, robotics, and what's next made simple." />
35
36  <!-- Icons -->
37  <link rel="icon" href="/images/syllabus-logo.png" type="image/png" />
38  <link rel="apple-touch-icon" href="/images/syllabus-logo.png" />
39
40  <!-- Performance -->
41  <link rel="preconnect" href="https://fonts.googleapis.com" />
42  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
43
44  <!-- Structured data -->
45  
45<script type="application/ld+json">
46  {
47    "@context": "https://schema.org",
48    "@graph": [
49      {
50        "@type": "Organization",
51        "@id": "https://syllabus.com/#organization",
52        "name": "Syllabus",
53        "url": "https://syllabus.com/",
54        "logo": {
55          "@type": "ImageObject",
56          "url": "https://syllabus.com/images/syllabus-logo.png",
57          "width": 512,
58          "height": 512
59        },
60        "image": "https://syllabus.com/images/og-syllabus.png",
61        "email": "[email protected]",
62        "description": "Syllabus is a free weekly newsletter covering artificial intelligence, robotics, and future tech, explained in plain language.",
63        "sameAs": [
64          "https://www.linkedin.com/company/syllabus-ai",
65          "https://x.com/Syllabusaix",
66          "https://www.instagram.com/syllabusai_/",
67          "https://www.facebook.com/profile.php?id=61590663362930",
68          "https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg",
69          "https://www.tiktok.com/@syllabusaiofficial"
70        ]
71      },
72      {
73        "@type": "WebSite",
74        "@id": "https://syllabus.com/#website",
75        "url": "https://syllabus.com/",
76        "name": "Syllabus",
77        "publisher": {
78          "@id": "https://syllabus.com/#organization"
79        },
80        "inLanguage": "en-US"
81      },
82      {
83        "@type": "WebPage",
84        "@id": "https://syllabus.com/advertise#webpage",
85        "url": "https://syllabus.com/advertise",
86        "name": "Advertise in syllabus",
87        "isPartOf": {
88          "@id": "https://syllabus.com/#website"
89        },
90        "about": {
91          "@id": "https://syllabus.com/#organization"
92        },
93        "inLanguage": "en-US"
94      },
95      {
96        "@type": "BreadcrumbList",
97        "itemListElement": [
98          {
99            "@type": "ListItem",
100            "position": 1,
101            "name": "Home",
102            "item": "https://syllabus.com/"
103          },
104          {
105            "@type": "ListItem",
106            "position": 2,
107            "name": "Advertise",
108            "item": "https://syllabus.com/advertise"
109          }
110        ]
111      }
112    ]
113  }
114  </script>
114
115  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Inter:wght@300;400;500&display=swap" rel="stylesheet" />
116  <style>
117    :root {
118      --yellow:#FFD60A; --mint:#06D6A0; --coral:#FF6B6B; --purple:#845EC2;
119      --radius:14px; --trans:0.35s ease;
120    }
121    [data-theme="dark"] {
122      --bg:#1A1A2E; --bg-card:#22223a; --bg-input:#2a2a45;
123      --text:#F0F0F0; --text-muted:#9999bb;
124      --border:rgba(255,255,255,0.08); --nav-bg:rgba(26,26,46,0.92);
125    }
126    [data-theme="light"] {
127      --bg:#ffffff; --bg-card:#f5f5f8; --bg-input:#eeeef4;
128      --text:#1A1A2E; --text-muted:#6666aa;
129      --border:rgba(26,26,46,0.1); --nav-bg:rgba(255,255,255,0.92);
130    }
131    *, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
132    html { scroll-behavior:smooth; }
133    body {
134      font-family:'Inter',sans-serif; background:var(--bg); color:var(--text);
135      transition:background var(--trans), color var(--trans); overflow-x:hidden;
136    }
137    h1, h2, h3, h4, p { overflow-wrap: break-word; }
138    img { max-width: 100%; }
139
140    /* ─── NAV ─── */
141    nav {
142      position:fixed; top:0; left:0; right:0; z-index:100;
143      background:var(--nav-bg); backdrop-filter:blur(12px);
144      border-bottom:1px solid var(--border);
145      transition:background var(--trans), border-color var(--trans);
146    }
147    .nav-inner {
148      max-width:1060px; margin:0 auto;
149      display:flex; align-items:center; justify-content:space-between;
150      padding:0 24px; height:60px; gap:16px;
151    }
152    .logo {
153      font-family:'Nunito',sans-serif; font-weight:900; font-size:1.25rem;
154      color:var(--text); text-decoration:none;
155      display:flex; align-items:center; gap:6px; flex-shrink:0;
156    }
157    .logo-dots { display:flex; gap:4px; }
158    .logo-dots span { width:7px; height:7px; border-radius:50%; }
159    .logo-dots span:nth-child(1){background:var(--yellow);}
160    .logo-dots span:nth-child(2){background:var(--mint);}
161    .logo-dots span:nth-child(3){background:var(--coral);}
162    .logo-dots span:nth-child(4){background:var(--purple);}
163    .nav-links { display:flex; gap:18px; align-items:center; }
164    .nav-links a.link {
165      font-size:0.85rem; font-weight:500; color:var(--text-muted);
166      text-decoration:none; transition:color 0.2s;
167    }
168    .nav-links a.link:hover, .nav-links a.link.active { color:var(--text); }
169    .nav-social { display:flex; align-items:center; gap:12px; }
170    .nav-social a { color:var(--text-muted); display:inline-flex; transition:color 0.2s, transform 0.15s; }
171    .nav-social a:hover { color:var(--text); transform:translateY(-1px); }
172    .nav-social svg { width:17px; height:17px; display:block; }
173    .nav-divider { width:1px; height:22px; background:var(--border); flex-shrink:0; }
174    .nav-insta-mobile {
175      display: none;
176      align-items: center; justify-content: center;
177      width: 36px; height: 36px;
178      border: 1px solid var(--border); border-radius: 9px;
179      color: var(--text-muted); flex-shrink: 0;
180      transition: color 0.2s, border-color 0.2s;
181    }
182    .nav-insta-mobile svg { width: 17px; height: 17px; display: block; }
183    .nav-insta-mobile:hover { color: var(--text); }
184    .nav-links a.cta {
185      background:var(--purple); color:#fff;
186      font-family:'Nunito',sans-serif; font-weight:700; font-size:0.85rem;
187      padding:8px 18px; border-radius:8px; text-decoration:none; white-space:nowrap;
188      transition:opacity 0.2s, transform 0.15s;
189    }
190    .nav-links a.cta:hover { opacity:0.92; transform:translateY(-1px); color:#fff; }
191
192    /* ─── HERO ─── */
193    .ad-hero { max-width:760px; margin:0 auto; padding:132px 24px 16px; text-align:center; }
194    .page-tag {
195      display:inline-block; font-size:0.75rem; font-weight:500; letter-spacing:0.08em;
196      text-transform:uppercase; color:var(--purple);
197      background:rgba(132,94,194,0.12); border:1px solid rgba(132,94,194,0.3);
198      border-radius:100px; padding:5px 14px; margin-bottom:22px;
199    }
200    .ad-hero h1 {
201      font-family:'Nunito',sans-serif; font-weight:900;
202      font-size:clamp(2.1rem,5vw,3.4rem); line-height:1.1;
203      color:var(--text); margin-bottom:18px;
204    }
205    .ad-hero h1 .accent { color:var(--purple); }
206    .ad-hero .lead {
207      font-size:1.05rem; line-height:1.7; color:var(--text-muted);
208      max-width:600px; margin:0 auto 30px;
209    }
210    .btn-purple {
211      display:inline-flex; align-items:center; gap:6px;
212      font-family:'Nunito',sans-serif; font-weight:700; font-size:0.95rem;
213      background:var(--purple); color:#fff; border:none; border-radius:10px;
214      padding:13px 26px; text-decoration:none; cursor:pointer;
215      transition:opacity 0.2s, transform 0.15s;
216    }
217    .btn-purple:hover { opacity:0.92; transform:translateY(-1px); color:#fff; }
218
219    /* ─── SECTION SHELL ─── */
220    .section { max-width:1060px; margin:0 auto; padding:56px 24px; }
221    .section-label {
222      text-align:center; font-size:0.75rem; letter-spacing:0.1em; text-transform:uppercase;
223      color:var(--text-muted); margin-bottom:12px;
224    }
225    .section-title {
226      font-family:'Nunito',sans-serif; font-weight:900;
227      font-size:clamp(1.5rem,3vw,2.1rem); text-align:center;
228      color:var(--text); margin-bottom:44px;
229    }
230    .divider { max-width:1060px; margin:0 auto; border:none; border-top:1px solid var(--border); }
231
232    /* ─── CARDS ─── */
233    .cards { display:grid; gap:18px; grid-template-columns:repeat(4,1fr); }
234    .card {
235      background:var(--bg-card); border:1px solid var(--border);
236      border-radius:var(--radius); padding:28px 24px;
237      transition:transform 0.2s, border-color var(--trans);
238    }
239    .card:hover { transform:translateY(-3px); }
240    .card-icon { font-size:1.5rem; margin-bottom:12px; }
241    .card-title {
242      font-family:'Nunito',sans-serif; font-weight:700; font-size:1rem;
243      margin-bottom:8px; color:var(--text);
244    }
245    .card-body { font-size:0.85rem; line-height:1.6; color:var(--text-muted); }
246    .cards .card:nth-child(1) .card-title { color:var(--yellow); }
247    .cards .card:nth-child(2) .card-title { color:var(--mint); }
248    .cards .card:nth-child(3) .card-title { color:var(--coral); }
249    .cards .card:nth-child(4) .card-title { color:var(--purple); }
250
251    /* ─── AUDIENCE ─── */
252    .audience { display:grid; gap:18px; grid-template-columns:repeat(4,1fr); }
253    .aud-item {
254      background:var(--bg-card); border:1px solid var(--border);
255      border-radius:var(--radius); padding:24px;
256    }
257    .aud-item h4 {
258      font-family:'Nunito',sans-serif; font-weight:700; font-size:0.95rem;
259      color:var(--text); margin-bottom:6px;
260    }
261    .aud-item p { font-size:0.84rem; line-height:1.6; color:var(--text-muted); }
262
263    /* ─── HOW IT WORKS ─── */
264    .steps { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }
265    .step {
266      background:var(--bg-card); border:1px solid var(--border);
267      border-radius:var(--radius); padding:28px 24px;
268    }
269    .step-num {
270      font-family:'Nunito',sans-serif; font-weight:900; font-size:1.1rem;
271      width:36px; height:36px; border-radius:10px;
272      display:flex; align-items:center; justify-content:center;
273      background:rgba(132,94,194,0.15); color:var(--purple); margin-bottom:14px;
274    }
275    .step h4 {
276      font-family:'Nunito',sans-serif; font-weight:700; font-size:1rem;
277      color:var(--text); margin-bottom:8px;
278    }
279    .step p { font-size:0.85rem; line-height:1.6; color:var(--text-muted); }
280
281    /* ─── CTA BAND ─── */
282    .cta-band {
283      max-width:1060px; margin:0 auto;
284      background:linear-gradient(135deg, rgba(132,94,194,0.16), rgba(132,94,194,0.06));
285      border:1px solid rgba(132,94,194,0.3);
286      border-radius:var(--radius); padding:48px 32px; text-align:center;
287    }
288    .cta-band h2 {
289      font-family:'Nunito',sans-serif; font-weight:900;
290      font-size:clamp(1.5rem,3vw,2rem); color:var(--text); margin-bottom:10px;
291    }
292    .cta-band p { font-size:0.95rem; color:var(--text-muted); margin-bottom:24px; max-width:520px; margin-left:auto; margin-right:auto; }
293
294    /* ─── MEDIA KIT FORM ─── */
295    .mediakit-form {
296      max-width:560px; margin:8px auto 0; text-align:left;
297      background:var(--bg-card); border:1px solid var(--border);
298      border-radius:16px; padding:32px 28px;
299    }
300    .mk-field { margin-bottom:20px; }
301    .mk-label {
302      display:block; font-family:'Nunito',sans-serif; font-weight:700;
303      font-size:0.9rem; color:var(--text); margin-bottom:8px; line-height:1.4;
304    }
305    .mk-label .req { color:var(--coral); }
306    .mk-input, .mk-select {
307      width:100%; background:var(--bg-input); border:1px solid var(--border);
308      color:var(--text); font-family:'Inter',sans-serif; font-size:0.92rem;
309      padding:13px 15px; border-radius:10px; outline:none; transition:border-color 0.2s;
310    }
311    .mk-input::placeholder { color:var(--text-muted); }
312    .mk-input:focus, .mk-select:focus { border-color:var(--purple); }
313    .mk-select {
314      appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:40px;
315      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239999bb' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
316      background-repeat:no-repeat; background-position:right 14px center; background-size:14px;
317    }
318    .mk-select option { color:#1A1A2E; }
319    .mk-submit {
320      width:100%; font-family:'Nunito',sans-serif; font-weight:700; font-size:0.98rem;
321      background:var(--purple); color:#fff; border:none; border-radius:10px;
322      padding:15px;
322 cursor:pointer; transition:opacity 0.2s, transform 0.15s; margin-top:4px;
323    }
324    .mk-submit:hover { opacity:0.92; transform:translateY(-1px); }
325    .mk-submit:disabled { opacity:0.55; cursor:not-allowed; transform:none; }
326    .mk-note { font-size:0.75rem; color:var(--text-muted); margin-top:14px; text-align:center; line-height:1.6; }
327    .mk-note a { color:var(--text-muted); text-decoration:underline; }
328
329    /* Honeypot — hidden from people, visible to bots. Never use display:none. */
330    .mk-hp {
331      position:absolute; left:-9999px; width:1px; height:1px;
332      overflow:hidden; opacity:0; pointer-events:none;
333    }
334
335    /* Inline error under the submit button */
336    .mk-error {
337      display:none; margin-top:14px; padding:12px 14px; border-radius:10px;
338      background:rgba(255,107,107,0.12); border:1px solid rgba(255,107,107,0.35);
339      color:var(--coral); font-size:0.83rem; line-height:1.5; text-align:center;
340    }
341    .mk-error.show { display:block; }
342
343    /* Success panel — replaces the form once the lead is captured */
344    .mk-success {
345      display:none; max-width:560px; margin:8px auto 0; text-align:center;
346      background:var(--bg-card); border:1px solid rgba(6,214,160,0.35);
347      border-radius:16px; padding:40px 28px;
348    }
349    .mk-success.show { display:block; }
350    .mk-success-icon {
351      width:52px; height:52px; margin:0 auto 18px; border-radius:50%;
352      display:flex; align-items:center; justify-content:center;
353      background:rgba(6,214,160,0.14); color:var(--mint); font-size:1.5rem;
354    }
355    .mk-success h3 {
356      font-family:'Nunito',sans-serif; font-weight:900; font-size:1.25rem;
357      color:var(--text); margin-bottom:10px;
358    }
359    .mk-success p { font-size:0.92rem; line-height:1.65; color:var(--text-muted); }
360    .mk-success p + p { margin-top:10px; }
361    .mk-turnstile { display:flex; justify-content:center; margin-bottom:20px; }
362
363    /* ─── FOOTER ─── */
364    footer { border-top:1px solid var(--border); padding:32px 24px; margin-top:24px; }
365    .footer-inner {
366      max-width:1060px; margin:0 auto;
367      display:flex; align-items:center; justify-content:space-between;
368      flex-wrap:wrap; gap:16px;
369    }
370    .footer-copy { font-size:0.8rem; color:var(--text-muted); }
371    .footer-right { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
372    .footer-links { display:flex; gap:20px; flex-wrap:wrap; }
373    .footer-links a { font-size:0.8rem; color:var(--text-muted); text-decoration:none; transition:color 0.2s; }
374    .footer-links a:hover { color:var(--yellow); }
375    .footer-social { display:flex; align-items:center; gap:14px; }
376    .footer-social a { color:var(--text-muted); display:inline-flex; transition:color 0.2s, transform 0.15s; }
377    .footer-social a:hover { color:var(--yellow); transform:translateY(-1px); }
378    .footer-social svg { width:18px; height:18px; display:block; }
379
380    @media (max-width:820px) {
381      .cards, .audience { grid-template-columns:repeat(2,1fr); }
382    }
383    @media (max-width:760px) {
384      .nav-social, .nav-divider, .nav-links a.link { display:none; }
385      .nav-insta-mobile { display: inline-flex; }
386    }
387    @media (max-width:680px) {
388      .steps { grid-template-columns:1fr; }
389    }
390    @media (max-width:600px) {
391      .ad-hero { padding-top:110px; }
392      .section { padding:44px 18px; }
393      .cta-band { padding:36px 22px; }
394      .mediakit-form { padding:26px 20px; }
395    }
396    @media (max-width:480px) {
397      .cards, .audience { grid-template-columns:1fr; }
398      .ad-hero h1 { font-size:1.95rem; }
399      .mediakit-form { padding:22px 18px; max-width:100%; }
400    }
401  </style>
402</head>
403<body>
404
405<!-- ── NAV ── -->
406<nav>
407  <div class="nav-inner">
408    <a href="/" class="logo">
409      syllabus
410      <span class="logo-dots"><span></span><span></span><span></span><span></span></span>
411    </a>
412    <div class="nav-links">
413      <a href="/advertise" class="link active"></a>
414      <div class="nav-social" aria-label="Syllabus social links">
415        <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram">
416          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
4160-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
417        </a>
418        <a href="https://www.facebook.com/profile.php?id=61590663362930" target="_blank" rel="noopener" aria-label="Facebook">
419          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
420        </a>
421        <a href="https://x.com/Syllabusaix" target="_blank" rel="noopener" aria-label="X">
422          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
423        </a>
424        <a href="https://www.tiktok.com/@syllabusaiofficial" target="_blank" rel="noopener" aria-label="TikTok">
425          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
426        </a>
427        <a href="https://www.linkedin.com/company/syllabus-ai" target="_blank" rel="noopener" aria-label="LinkedIn">
428          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
429        </a>
430        <a href="https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg" target="_blank" rel="noopener" aria-label="YouTube">
431          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
432        </a>
433      </div>
434      <span class="nav-divider"></span>
435      <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram" class="nav-insta-mobile">
436        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
4360-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
437      </a>
438      <a href="/#subscribe" class="cta">Subscribe</a>
439    </div>
440  </div>
441</nav>
442
443<!-- ── HERO ── -->
444<section class="ad-hero">
445  <span class="page-tag">Advertise in Syllabus</span>
446  <h1>Reach the people<br><span class="accent">building what’s next.</span></h1>
447  <p class="lead">
448    Syllabus is a free weekly newsletter on AI, robotics, and future tech — read by founders, operators,
449    marketers, and business leaders who want to understand what's next. Sponsor an issue and put your
450    brand in front of a focused, high-intent audience.
451  </p>
452
453  <!-- Media kit request form.
454       Submits to /api/media-kit (Cloudflare Pages Function), which:
455         1. upserts the lead into Flodesk + the "Advertising Inquiries" segment
456            (segment entry triggers the media-kit workflow), and
457         2. emails an alert to [email protected] with Reply-To set to the requester.
458       Field labels below must stay in sync with the allow-lists in the Function. -->
459  <form class="mediakit-form" id="media-kit" novalidate>
460    <div class="mk-field">
461      <label class="mk-label" for="mk-email">Work email <span class="req">*</span></label>
462      <input class="mk-input" type="email" id="mk-email" name="email" placeholder="[email protected]" required />
463    </div>
464    <div class="mk-field">
465      <label class="mk-label" for="mk-goal">What's your main goal for advertising with Syllabus? <span class="req">*</span></label>
466      <select class="mk-select" id="mk-goal" name="goal" required>
467        <option value="" disabled selected>Please select</option>
468        <option>Brand awareness</option>
469        <option>Lead generation / signups</option>
470        <option>Product or feature launch</option>
471        <option>Event or webinar promotion</option>
472        <option>Hiring / recruiting</option>
473        <option>Other</option>
474      </select>
475    </div>
476    <div class="mk-field">
477      <label class="mk-label" for="mk-org">Do you work for a brand, agency, or VC firm? <span class="req">*</span></label>
478      <select class="mk-select" id="mk-org" name="org" required>
479        <option value="" disabled selected>Please select</option>
480        <option>Brand / in-house</option>
481        <option>Agency</option>
482        <option>VC firm</option>
483        <option>Startup / founder</option>
484        <option>Other</option>
485      </select>
486    </div>
487    <div class="mk-field">
488      <label class="mk-label" for="mk-source">How did you hear about us? <span class="req">*</span></label>
489      <input class="mk-input" type="text" id="mk-source" name="source" placeholder="Newsletter, social, a referral…" required />
490    </div>
491    <!-- Honeypot. Leave this exactly as-is: bots fill it, people never see it. -->
492    <div class="mk-hp" aria-hidden="true">
493      <label for="company_website">Company website</label>
494      <input type="text" id="company_website" name="company_website" tabindex="-1" autocomplete="off" />
495    </div>
496
497    <!-- Cloudflare Turnstile.
498         Uncomment this block AND the script tag at the bottom of the page once you've
499         created a Turnstile widget and pasted the site key below. Until then the form
500         works normally — the Function skips verification when TURNSTILE_SECRET is unset.
501    <div class="mk-turnstile">
502      <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-theme="auto"></div>
503    </div>
504    -->
505
506    <button class="mk-submit" type="submit" id="mk-submit">Request Info →</button>
507    <div class="mk-error" id="mk-error" role="alert" aria-live="polite"></div>
508    <p class="mk-note">
509      We'll only use your email to send the media kit and follow up about advertising.
510      No newsletter signup, no sharing with third parties. See our
511      <a href="/privacy">privacy policy</a>.
512    </p>
513  </form>
514
515  <!-- Success state — swapped in once the request is captured. -->
516  <div class="mk-success" id="mk-success" role="status" aria-live="polite">
517    <div class="mk-success-icon">✓</div>
518    <h3>Request received.</h3>
519    <p>The media kit is on its way to your inbox — check spam if it hasn't landed in a few minutes.</p>
520    <p>We'll follow up personally with rates and open dates.</p>
521  </div>
522</section>
523
524<hr class="divider" />
525
526<!-- ── WHY ADVERTISE ── -->
527<section class="section">
528  <p class="section-label">Why Syllabus</p>
529  <h2 class="section-title">A clean placement in front of<br>an audience that's paying attention.</h2>
530  <div class="cards">
531    <div class="card">
532      <div class="card-icon">🎯</div>
533      <div class="card-title">Focused audience</div>
534      <div class="card-body">Readers come to Syllabus specifically to keep up with AI and robotics — so your message lands with people already leaning in.</div>
535    </div>
536    <div class="card">
537      <div class="card-icon">🧠</div>
538      <div class="card-title">Trusted context</div>
539      <div class="card-body">Your brand sits inside plain-spoken, jargon-free coverage people actually read — not buried in a wall of banner ads.</div>
540    </div>
541    <div class="card">
542      <div class="card-icon">✍️</div>
543      <div class="card-title">One clear slot</div>
544      <div class="card-body">A single, native sponsor placement per issue. No clutter, no competing ads — just your message and the newsletter.</div>
545    </div>
546    <div class="card">
547      <div class="card-icon">📈</div>
548      <div class="card-title">Built to grow</div>
549      <div class="card-body">A growing list across email, Instagram, and beyond — get in early while placements are easy to book.</div>
550    </div>
551  </div>
552</section>
553
554<hr class="divider" />
555
556<!-- ── WHO READS ── -->
557<section class="section">
558  <p class="section-label">Who reads Syllabus</p>
559  <h2 class="section-title">Decision-makers who want the<br>signal, not the noise.</h2>
560  <div class="audience">
561    <div class="aud-item">
562      <h4>Founders &amp; operators</h4>
563      <p>Leaders running SMBs and startups who need to know which AI shifts actually matter for their business.</p>
564    </div>
565    <div class="aud-item">
566      <h4>Marketers &amp; creators</h4>
567      <p>Practitioners looking for tools and trends they can put to work this week.</p>
568    </div>
569    <div class="aud-item">
570      <h4>Business &amp; team leads</h4>
571      <p>Managers translating AI and robotics news into decisions for their teams.</p>
572    </div>
573    <div class="aud-item">
574      <h4>The AI-curious</h4>
575      <p>Smart non-technical readers who want to stay current without living online all week.</p>
576    </div>
577  </div>
578</section>
579
580<hr class="divider" />
581
582<!-- ── HOW IT WORKS ── -->
583<section class="section">
584  <p class="section-label">How it works</p>
585  <h2 class="section-title">From first email to live in three steps.</h2>
586  <div class="steps">
587    <div class="step">
588      <div class="step-num">1</div>
589      <h4>Get the media kit</h4>
590      <p>Reach out and we'll share current audience details, placement options, and available dates.</p>
591    </div>
592    <div class="step">
593      <div class="step-num">2</div>
594      <h4>Book your issue</h4>
595      <p>Pick a date and placement. Send your copy and link, or we'll help you shape a native-feeling slot.</p>
596    </div>
597    <div class="step">
598      <div class="step-num">3</div>
599      <h4>Go live &amp; review</h4>
600      <p>Your placement ships in that week's issue. After it sends, we share how it performed.</p>
601    </div>
602  </div>
603</section>
604
605<!-- ── CTA ── -->
606<section class="section" style="padding-top:8px;">
607  <div class="cta-band">
608    <h2>Want to advertise in Syllabus?</h2>
609    <p>Tell us a little about what you're promoting and we'll send the media kit with rates and open dates.</p>
610    <a href="#media-kit" class="btn-purple">Request Info →</a>
611  </div>
612</section>
613
614<!-- ── FOOTER ── -->
615<footer>
616  <div class="footer-inner">
617    <span class="footer-copy">© 2026 syllabus ·</span>
618    <div class="footer-right">
619      <div class="footer-links">
620        <a href="/">Home</a>
621        <a href="/about">About</a>
622        <a href="/advertise">Advertise</a>
623        <a href="/privacy">Privacy</a>
624      </div>
625      <div class="footer-social" aria-label="Syllabus social links">
626        <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram">
627          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
6270-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
628        </a>
629        <a href="https://www.facebook.com/profile.php?id=61590663362930" target="_blank" rel="noopener" aria-label="Facebook">
630          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
631        </a>
632        <a href="https://x.com/Syllabusaix" target="_blank" rel="noopener" aria-label="X">
633          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
634        </a>
635        <a href="https://www.tiktok.com/@syllabusaiofficial" target="_blank" rel="noopener" aria-label="TikTok">
636          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
637        </a>
638        <a href="https://www.linkedin.com/company/syllabus-ai" target="_blank" rel="noopener" aria-label="LinkedIn">
639          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
640        </a>
641        <a href="https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg" target="_blank" rel="noopener" aria-label="YouTube">
642          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
643        </a>
644      </div>
645    </div>
646  </div>
647</footer>
648
649<!-- Uncomment alongside the Turnstile widget above.
650<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
650
651-->
652
653<script>
654(function () {
655  var form    = document.getElementById('media-kit');
656  var button  = document.getElementById('mk-submit');
657  var errorEl = document.getElementById('mk-error');
658  var success = document.getElementById('mk-success');
659
660  var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
661
662  function showError(msg) {
663    errorEl.textContent = msg;
664    errorEl.classList.add('show');
665  }
666
667  function clearError() {
668    errorEl.textContent = '';
669    errorEl.classList.remove('show');
670  }
671
672  form.addEventListener('submit', function (e) {
673    e.preventDefault();
674    clearError();
675
676    var payload = {
677      email:  document.getElementById('mk-email').value.trim(),
678      goal:   document.getElementById('mk-goal').value,
679      org:    document.getElementById('mk-org').value,
680      source: document.getElementById('mk-source').value.trim(),
681      company_website: document.getElementById('company_website').value
682    };
683
684    if (!EMAIL_RE.test(payload.email)) {
685      return showError('Please enter a valid work email address.');
686    }
687    if (!payload.goal || !payload.org || !payload.source) {
688      return showError('Please complete every field so we can send the right information.');
689    }
690
691    // Turnstile token, when the widget is enabled.
692    if (window.turnstile) {
693      payload.turnstileToken = window.turnstile.getResponse();
694      if (!payload.turnstileToken) {
695        return showError('Please complete the verification check.');
696      }
697    }
698
699    button.disabled = true;
700    button.textContent = 'Sending…';
701
702    fetch('/api/media-kit', {
703      method: 'POST',
704      headers: { 'Content-Type': 'application/json' },
705      body: JSON.stringify(payload)
706    })
707      .then(function (res) {
708        return res.json().then(function (data) {
709          return { ok: res.ok, data: data };
710        });
711      })
712      .then(function (result) {
713        if (!result.ok || !result.data.ok) {
714          throw new Error(result.data.error || 'Something went wrong. Please try again.');
715        }
716        form.style.display = 'none';
717        success.classList.add('show');
718        success.scrollIntoView({ behavior: 'smooth', block: 'center' });
719      })
720      .catch(function (err) {
721        showError(err.message || "We couldn't send that. Please email [email protected] and we'll get right back to you.");
722        button.disabled = false;
723        button.textContent = 'Request Info →';
724        if (window.turnstile) window.turnstile.reset();
725      });
726  });
727})();
728</script>
728
729
730<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"68cebec0f02b46f08ee72f8b0a2a958d","r":1,"spa":2}' crossorigin="anonymous"></script>
730
731</body>
732</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.