36:I[3844,["51670","static/chunks/4126a124-5da9025872e4a78f.js","62276","static/chunks/991cd08a-c2565497d1e4cdfa.js","28284","static/chunks/5d8f0495-a4f7e7c6dde6390d.js","39960","static/chunks/39960-92d3763050607c4f.js","64890","static/chunks/64890-6ce54629ce55d6b0.js","64803","static/chunks/64803-30ef97bc01809c81.js","36531","static/chunks/36531-3e4a39382e5009ef.js","32058","static/chunks/32058-fc8d35420568d732.js","82022","static/chunks/82022-1bc1ab8a6a5106ba.js","51136","static/chunks/51136-87f4156e6e6e1d21.js","44652","static/chunks/44652-15b0e6fd32410147.js","39748","static/chunks/39748-c0297350608047f1.js","21169","static/chunks/21169-5b1d0cdb59b3940a.js","3905","static/chunks/3905-6e7eb9bc9740aeb5.js","32532","static/chunks/32532-9e051f707b24cbf8.js","4173","static/chunks/4173-cae89aca3cb5493e.js","46372","static/chunks/app/embed/%5BcarouselId%5D/page-d2a302d27081a680.js"],"EmbedViewer"] 37:Ta62,

Hooks // first slideSEQ. 01 / 06

LinkedIn carousels

Five hooks that earn the first swipe.

The first slide has one job: make the second slide feel worth seeing. These five hook types do it without clickbait.

First slide, first impression

Start // slide 01Swipe for the hooks >>

38:T2889,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-bold: 700; --tracking-widest: 0.1em; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .bottom-4 { bottom: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .z-10 { z-index: 10; } .my-auto { margin-block: auto; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .flex { display: flex; } .h-\[420px\] { height: 420px; } .h-\[1350px\] { height: 1350px; } .h-full { height: 100%; } .w-\[1080px\] { width: 1080px; } .w-full { width: 100%; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[900px\] { max-width: 900px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .object-cover { object-fit: cover; } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[44px\] { font-size: 44px; } .text-\[112px\] { font-size: 112px; } .leading-\[0\.98\] { --tw-leading: 0.98; line-height: 0.98; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .uppercase { text-transform: uppercase; } .opacity-90 { opacity: 90%; } .mix-blend-screen { mix-blend-mode: screen; } .contrast-150 { --tw-contrast: contrast(150%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } 39:Ta62,

Hooks // first slideSEQ. 01 / 06

LinkedIn carousels

Five hooks that earn the first swipe.

The first slide has one job: make the second slide feel worth seeing. These five hook types do it without clickbait.

First slide, first impression

Start // slide 01Swipe for the hooks >>

3a:T861,

TELEMETRY // DEPLOYMENTSEQ. 01 / 06

FIELD OBSERVATIONS

LAUNCHING A CREATIVE PRODUCT

5 structural lessons from transforming an abstract vision into live gravitational reality.

SYSTEM // ACTIVE CALIBRATION

COORD // 00.00.ALPHASWIPE FOR TELEMETRY >>

3b:T9a3,

Hook 01 // MistakeSEQ. 02 / 06

Name the mistake they're making.

Point at a costly mistake your reader recognizes. The next slide has an obvious job: show the fix.

Example

5 mistakes that make a LinkedIn carousel feel generic.

Formula // number + mistake02 OF 06

3c:T212d,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 700; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-widest: 0.1em; --leading-snug: 1.375; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .relative { position: relative; } .my-auto { margin-block: auto; } .flex { display: flex; } .h-\[1350px\] { height: 1350px; } .w-\[1080px\] { width: 1080px; } .max-w-\[860px\] { max-width: 860px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-6 { gap: calc(var(--spacing) * 6); } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[38px\] { font-size: 38px; } .text-\[46px\] { font-size: 46px; } .text-\[86px\] { font-size: 86px; } .text-\[180px\] { font-size: 180px; } .leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02; } .leading-\[1\.32\] { --tw-leading: 1.32; line-height: 1.32; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .uppercase { text-transform: uppercase; } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; } } } 3d:T9a3,

Hook 01 // MistakeSEQ. 02 / 06

Name the mistake they're making.

Point at a costly mistake your reader recognizes. The next slide has an obvious job: show the fix.

Example

5 mistakes that make a LinkedIn carousel feel generic.

Formula // number + mistake02 OF 06

3e:T7c1,

LESSON 01 // CORE ARCHITECTURESEQ. 02 / 06

DEFINE THE SINGULARITY

Every great product collapses under feature sprawl unless anchored to one sharp, non-negotiable point of undeniable excellence.

AXIOM 01

Do not build a constellation when you haven't yet ignited a stable sun.

VECTOR // FOCUS DENSITY02 OF 06

3f:Tbf1,

Hook 02 // ContrarianSEQ. 03 / 06

Challenge a belief

Push back on what everyone says.

Most people think X. The better approach is Y.

Name a common belief, then a specific alternative. Example: you don't need a better template, you need a sharper first slide.

Formula // belief vs better03 OF 06

40:T3237,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: calc(var(--spacing) * 0); } .right-6 { right: calc(var(--spacing) * 6); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .left-6 { left: calc(var(--spacing) * 6); } .my-auto { margin-block: auto; } .flex { display: flex; } .h-\[360px\] { height: 360px; } .h-\[1350px\] { height: 1350px; } .h-full { height: 100%; } .w-\[1080px\] { width: 1080px; } .w-full { width: 100%; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-black\/80 { --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .object-cover { object-fit: cover; } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[44px\] { font-size: 44px; } .text-\[72px\] { font-size: 72px; } .text-\[140px\] { font-size: 140px; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .uppercase { text-transform: uppercase; } .opacity-80 { opacity: 80%; } .contrast-200 { --tw-contrast: contrast(200%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } 41:Tbf1,

Hook 02 // ContrarianSEQ. 03 / 06

Challenge a belief

Push back on what everyone says.

Most people think X. The better approach is Y.

Name a common belief, then a specific alternative. Example: you don't need a better template, you need a sharper first slide.

Formula // belief vs better03 OF 06

42:T96b,

LESSON 02 // DATA TRAJECTORYSEQ. 03 / 06

SIGNAL DISCRIMINATION

FEEDBACK IS TELEMETRY

TRACK REPEATED ACTIONS, NOT CASUAL REQUESTS

Users tell you what they think they want, but their workflow coordinates reveal where friction actually breaks velocity.

SENSOR // INTERACTION LOGS03 OF 06

43:Te56,

Hook 03 // Before and afterSEQ. 04 / 06

Show the contrast

Show the before and the after.

Before

Marketing tips for your LinkedIn.

Vague

After

Your carousel gets likes but no saves. Here's why.

Specific

Rewrite until the hook names a real reader, situation or outcome. If anyone could post it, it isn't specific yet.

Formula // weak to specific04 OF 06

44:T2271,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-widest: 0.1em; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .relative { position: relative; } .my-auto { margin-block: auto; } .flex { display: flex; } .grid { display: grid; } .h-\[360px\] { height: 360px; } .h-\[1350px\] { height: 1350px; } .w-\[1080px\] { width: 1080px; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[36px\] { font-size: 36px; } .text-\[42px\] { font-size: 42px; } .text-\[70px\] { font-size: 70px; } .text-\[140px\] { font-size: 140px; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .uppercase { text-transform: uppercase; } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; } } } 45:Te56,

Hook 03 // Before and afterSEQ. 04 / 06

Show the contrast

Show the before and the after.

Before

Marketing tips for your LinkedIn.

Vague

After

Your carousel gets likes but no saves. Here's why.

Specific

Rewrite until the hook names a real reader, situation or outcome. If anyone could post it, it isn't specific yet.

Formula // weak to specific04 OF 06

46:Tb41,

LESSON 03 // USER DYNAMICSSEQ. 04 / 06

MECHANICAL EQUILIBRIUM

PRESERVE INTENTIONAL FRICTION

ZERO FRICTION

Produces shallow engagement and high churn when tools feel like interchangeable toys.

// LOW GRAVITY

CRAFTED RESISTANCE

Demands intention, rewarding serious creators with depth, mastery, and enduring loyalty.

// DEEP RETENTION

The tools people love forever are instruments, not automated shortcuts.

CALIBRATION // RESISTANCE04 OF 06

47:Tc0a,

Hook 04 // FrameworkSEQ. 05 / 06

Promise a structure

Promise a framework they can reuse.

A simple 5-slide framework for any complex idea

Frameworks tell readers they'll leave with something to keep. Say how many steps and what they're for, then make every slide deliver one step.

Formula // number + framework05 OF 06

48:T320d,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-widest: 0.1em; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: calc(var(--spacing) * 0); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .left-6 { left: calc(var(--spacing) * 6); } .my-auto { margin-block: auto; } .flex { display: flex; } .h-\[340px\] { height: 340px; } .h-\[1350px\] { height: 1350px; } .h-full { height: 100%; } .w-\[1080px\] { width: 1080px; } .w-full { width: 100%; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-black\/30 { --tw-gradient-via: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .object-cover { object-fit: cover; } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[44px\] { font-size: 44px; } .text-\[70px\] { font-size: 70px; } .text-\[140px\] { font-size: 140px; } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .uppercase { text-transform: uppercase; } .opacity-80 { opacity: 80%; } .contrast-150 { --tw-contrast: contrast(150%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } 49:Tc0a,

Hook 04 // FrameworkSEQ. 05 / 06

Promise a structure

Promise a framework they can reuse.

A simple 5-slide framework for any complex idea

Frameworks tell readers they'll leave with something to keep. Say how many steps and what they're for, then make every slide deliver one step.

Formula // number + framework05 OF 06

4a:T967,

LESSON 04 // PROPULSION SYSTEMSEQ. 05 / 06

GRAVITATIONAL PROPULSION

DISTRIBUTION IS ARCHITECTURAL

ORBITAL RADIUS // VIRAL COEFFICIENT

If users cannot show off the output of your product seamlessly, no marketing budget will rescue its momentum.

VELOCITY // INTRINSIC SPREAD05 OF 06

4b:Tab0,

Hook 05 // QuestionSEQ. 06 / 06

Ask their question

Ask the question they already have.

"What should the first slide actually do?" A real reader question earns the swipe. Then answer it.

Save these five hooks for your next carousel

→

Test // could anyone post this?End // SEQ. 06

4c:T282c,/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties; *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --font-weight-normal: 400; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --radius-2xl: 1rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .relative { position: relative; } .my-auto { margin-block: auto; } .mt-4 { margin-top: calc(var(--spacing) * 4); } .flex { display: flex; } .h-\[220px\] { height: 220px; } .h-\[1350px\] { height: 1350px; } .h-full { height: 100%; } .w-\[1080px\] { width: 1080px; } .w-full { width: 100%; } .max-w-\[880px\] { max-width: 880px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .gap-6 { gap: calc(var(--spacing) * 6); } .overflow-hidden { overflow: hidden; } .rounded-2xl { border-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-\[\#121212\] { background-color: #121212; } .bg-black { background-color: var(--color-black); } .object-cover { object-fit: cover; } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[90px_80px\] { padding: 90px 80px; } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[32px\] { font-size: 32px; } .text-\[36px\] { font-size: 36px; } .text-\[46px\] { font-size: 46px; } .text-\[88px\] { font-size: 88px; } .leading-\[1\.0\] { --tw-leading: 1.0; line-height: 1.0; } .leading-\[1\.32\] { --tw-leading: 1.32; line-height: 1.32; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .uppercase { text-transform: uppercase; } .opacity-70 { opacity: 70%; } .contrast-200 { --tw-contrast: contrast(200%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .select-none { -webkit-user-select: none; user-select: none; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; } } } 4d:Tab0,

Hook 05 // QuestionSEQ. 06 / 06

Ask their question

Ask the question they already have.

"What should the first slide actually do?" A real reader question earns the swipe. Then answer it.

Save these five hooks for your next carousel

→

Test // could anyone post this?End // SEQ. 06

4e:T927,

LESSON 05 // TERMINAL VECTORSEQ. 06 / 06

FINAL POSTULATE

SHIP BEFORE TOTAL CERTAINTY

A product trapped in private perfection gathers no gravity. Launch is not the finish line—it is the first true data point.

SAVE THIS TELEMETRY FOR YOUR NEXT DEPLOYMENT

→

STATUS // MISSION IN ORBITEND // SEQ. 06

2d:["$","$L36",null,{"slides":[{"id":"slide-1","order":0,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$37","renderMode":"html","imagePrompt":"A modern minimalist architectural blueprint illuminated by cool neon cyan and slate grey light, featuring technical telemetry lines, precision geometry, cinematic studio lighting, high resolution 3D render","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hooks // first slide"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 01 / 06"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"LinkedIn carousels"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Five hooks that earn the first swipe."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"The first slide has one job: make the second slide feel worth seeing. These five hook types do it without clickbait."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"First slide, first impression"},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Start // slide 01"},{"key":"indicator","type":"text","label":"Indicator","selector":"[data-editable=\"indicator\"]","currentValue":"Swipe for the hooks >>"},{"key":"image-main","type":"image","label":"Abstract celestial particle sphere","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/2156723/pexels-photo-2156723.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"677be35426d7a9631d6fed53bd7d214b69f28cd22d8bf7a6e9633d565720b3c7","version":"4.1.17","htmlHash":"177f06f9f7dc25e1e88c83a83238b0976ba11d4a96a132840f2215b49ddddb7e","classHash":"cff2338c0f114d7355cb47139775e138698bfb53198cafb571286560483aa686","sourceHash":"114a3c5add148e41e88d078135fb87d73c9b2ee758466c971c204fd14088da58","packageHash":"48ca2f03b6713550fcc33d0349636a102e2db9b5af6e016c6b3045f146f4b29f"},"compiledCss":"$38","compiledHtml":"$39","originalHtml":"$3a","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hooks // first slide"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 01 / 06"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"LinkedIn carousels"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Five hooks that earn the first swipe."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"The first slide has one job: make the second slide feel worth seeing. These five hook types do it without clickbait."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"First slide, first impression"},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Start // slide 01"},{"key":"indicator","type":"text","label":"Indicator","selector":"[data-editable=\"indicator\"]","currentValue":"Swipe for the hooks >>"},{"key":"image-main","type":"image","label":"Abstract celestial particle sphere","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/2156723/pexels-photo-2156723.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-2","order":1,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$3b","renderMode":"html","imagePrompt":null,"remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 01 // Mistake"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 02 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"01"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Name the mistake they're making."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Point at a costly mistake your reader recognizes. The next slide has an obvious job: show the fix."},{"key":"card-eyebrow","type":"text","label":"Card eyebrow","selector":"[data-editable=\"card-eyebrow\"]","currentValue":"Example"},{"key":"card-text","type":"text","label":"Card text","selector":"[data-editable=\"card-text\"]","currentValue":"5 mistakes that make a LinkedIn carousel feel generic."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // number + mistake"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"02 OF 06"}],"compiler":{"name":"tailwindcss","cssHash":"1978d1047e903dbdde51d53327f5b0560f61cca057c278bdf55b0241323e57b0","version":"4.1.17","htmlHash":"b2e868388d4694e1c2a981c0ff8b2b4faedcc2b7eb750d50651f81605734c0f1","classHash":"d3a938319be4fd0fe0158b1b87934730d879c01ebec7d2a053d9c7fbc746548d","sourceHash":"e75c7b8bc32924b74b6aae229aa2d86b8777fe98f18597479195ac7fe0d0bf0f","packageHash":"c8f33fbbb97763cfbae4a7ba304cb8badb91039b26590db8cd14db83af2c3262"},"compiledCss":"$3c","compiledHtml":"$3d","originalHtml":"$3e","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 01 // Mistake"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 02 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"01"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Name the mistake they're making."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Point at a costly mistake your reader recognizes. The next slide has an obvious job: show the fix."},{"key":"card-eyebrow","type":"text","label":"Card eyebrow","selector":"[data-editable=\"card-eyebrow\"]","currentValue":"Example"},{"key":"card-text","type":"text","label":"Card text","selector":"[data-editable=\"card-text\"]","currentValue":"5 mistakes that make a LinkedIn carousel feel generic."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // number + mistake"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"02 OF 06"}]},{"id":"slide-3","order":2,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$3f","renderMode":"html","imagePrompt":"A sharp split-screen conceptual illustration showing standard conventional path on the left diverging into a glowing neon geometric alternative route on the right, dark atmospheric studio lighting, high contrast","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 02 // Contrarian"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 03 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"02"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Challenge a belief"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Push back on what everyone says."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"Most people think X. The better approach is Y."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Name a common belief, then a specific alternative. Example: you don't need a better template, you need a sharper first slide."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // belief vs better"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"03 OF 06"},{"key":"image-main","type":"image","label":"LiDAR telemetry visual","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/7667128/pexels-photo-7667128.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"e58ac336d753024da4d5a3007ef7deadb9a5810f80c5171b2d770bd20e950ce9","version":"4.1.17","htmlHash":"d8a9c7b17627075c71b9aeb44fa2702baffbf66cf46ee0dc2e618201d7e26fe5","classHash":"d4d837c6ca651cf96213af60cfdaa7df8ffab9373b108ef882e1ba36e0b7262b","sourceHash":"d4fb0b9c1d685c62a56e47be27a3741d69939c6925b32ba074ef02f1fec55b11","packageHash":"af51ef8f29056bc30e6dc567c7db10337b2f261a2ffa529e82bd748f551382c4"},"compiledCss":"$40","compiledHtml":"$41","originalHtml":"$42","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 02 // Contrarian"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 03 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"02"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Challenge a belief"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Push back on what everyone says."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"Most people think X. The better approach is Y."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Name a common belief, then a specific alternative. Example: you don't need a better template, you need a sharper first slide."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // belief vs better"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"03 OF 06"},{"key":"image-main","type":"image","label":"LiDAR telemetry visual","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/7667128/pexels-photo-7667128.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-4","order":3,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$43","renderMode":"html","imagePrompt":null,"remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 03 // Before and after"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 04 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"03"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Show the contrast"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Show the before and the after."},{"key":"comp-a-tag","type":"text","label":"Comp a tag","selector":"[data-editable=\"comp-a-tag\"]","currentValue":"Before"},{"key":"comp-a-body","type":"text","label":"Comp a body","selector":"[data-editable=\"comp-a-body\"]","currentValue":"Marketing tips for your LinkedIn."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"Vague"},{"key":"comp-b-tag","type":"text","label":"Comp b tag","selector":"[data-editable=\"comp-b-tag\"]","currentValue":"After"},{"key":"comp-b-body","type":"text","label":"Comp b body","selector":"[data-editable=\"comp-b-body\"]","currentValue":"Your carousel gets likes but no saves. Here's why."},{"key":"design-text-2","type":"text","label":"Design text 2","selector":"[data-editable=\"design-text-2\"]","currentValue":"Specific"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Rewrite until the hook names a real reader, situation or outcome. If anyone could post it, it isn't specific yet."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // weak to specific"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"04 OF 06"}],"compiler":{"name":"tailwindcss","cssHash":"5829ada46d09737a81017e39004b01c172827b6b05bd03ce196c6a966640ce52","version":"4.1.17","htmlHash":"c183e66b9a5f994e089fbd1c634b0a1fc31b57c47a96b2d6e8b4edae04cb7bb2","classHash":"e7eecd7d0cbc04b1095c64fa72985d0da0ce795258b53fda871741797c150529","sourceHash":"bed5c43fd68ed960f2d540dd78ef794f3d4d9a0b4010c0f1811577d93b0f2b0d","packageHash":"313b965c07f805cc466968bd6776813c517293a10df9a7bf63909fba5b288006"},"compiledCss":"$44","compiledHtml":"$45","originalHtml":"$46","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 03 // Before and after"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 04 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"03"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Show the contrast"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Show the before and the after."},{"key":"comp-a-tag","type":"text","label":"Comp a tag","selector":"[data-editable=\"comp-a-tag\"]","currentValue":"Before"},{"key":"comp-a-body","type":"text","label":"Comp a body","selector":"[data-editable=\"comp-a-body\"]","currentValue":"Marketing tips for your LinkedIn."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"Vague"},{"key":"comp-b-tag","type":"text","label":"Comp b tag","selector":"[data-editable=\"comp-b-tag\"]","currentValue":"After"},{"key":"comp-b-body","type":"text","label":"Comp b body","selector":"[data-editable=\"comp-b-body\"]","currentValue":"Your carousel gets likes but no saves. Here's why."},{"key":"design-text-2","type":"text","label":"Design text 2","selector":"[data-editable=\"design-text-2\"]","currentValue":"Specific"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Rewrite until the hook names a real reader, situation or outcome. If anyone could post it, it isn't specific yet."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // weak to specific"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"04 OF 06"}]},{"id":"slide-5","order":4,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$47","renderMode":"html","imagePrompt":"A sequential glass modular framework floating in zero gravity, glowing steps linking together in a clean isometric perspective, soft cinematic blue and amber backlighting, photorealistic materials","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 04 // Framework"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 05 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"04"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Promise a structure"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Promise a framework they can reuse."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"A simple 5-slide framework for any complex idea"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Frameworks tell readers they'll leave with something to keep. Say how many steps and what they're for, then make every slide deliver one step."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // number + framework"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"05 OF 06"},{"key":"image-main","type":"image","label":"Point cloud network wave","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/7004253/pexels-photo-7004253.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"cb045f1936a0e6b5eb3652f8a2af4a13cb80a15b4c9f97a3fb7f2696f475ce1d","version":"4.1.17","htmlHash":"1133a684b4c53716ad09be70943b53ba43e54b2846cc181cb85aba753c47d11e","classHash":"5ed4ef486186b80c4a99d782b0478c027bcfae82d32b9a37b3de58ade90ddde4","sourceHash":"2e1c59f2674ceb7fb3a7cd05bb349011c3b11663909c484f73fc2800601467ca","packageHash":"0c0013059252b18ecd38c1a6512b377f161a82d4a821e6e8fbdaec47e401a740"},"compiledCss":"$48","compiledHtml":"$49","originalHtml":"$4a","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 04 // Framework"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 05 / 06"},{"key":"stat-num","type":"text","label":"Stat num","selector":"[data-editable=\"stat-num\"]","currentValue":"04"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Promise a structure"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Promise a framework they can reuse."},{"key":"design-text-1","type":"text","label":"Design text 1","selector":"[data-editable=\"design-text-1\"]","currentValue":"A simple 5-slide framework for any complex idea"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Frameworks tell readers they'll leave with something to keep. Say how many steps and what they're for, then make every slide deliver one step."},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Formula // number + framework"},{"key":"index","type":"text","label":"Index","selector":"[data-editable=\"index\"]","currentValue":"05 OF 06"},{"key":"image-main","type":"image","label":"Point cloud network wave","selector":"[data-editable=\"image-main\"]","currentValue":"https://images.pexels.com/photos/7004253/pexels-photo-7004253.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-6","order":5,"elements":[],"background":{"type":"solid","color":"#000000"},"customHtml":"$4b","renderMode":"html","imagePrompt":"A futuristic terminal screen displaying an open query symbol resolving into sharp optical data patterns, ambient dark room, minimalist sleek industrial aesthetic, 8k render","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 05 // Question"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 06 / 06"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Ask their question"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Ask the question they already have."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"\"What should the first slide actually do?\" A real reader question earns the swipe. Then answer it."},{"key":"cta-text","type":"text","label":"Cta text","selector":"[data-editable=\"cta-text\"]","currentValue":"Save these five hooks for your next carousel"},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Test // could anyone post this?"},{"key":"end-tag","type":"text","label":"End tag","selector":"[data-editable=\"end-tag\"]","currentValue":"End // SEQ. 06"},{"key":"image-footer","type":"image","label":"Particle horizon background","selector":"[data-editable=\"image-footer\"]","currentValue":"https://images.pexels.com/photos/39491952/pexels-photo-39491952.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"94a0054fc499e074abb5e7f07a7d5c03b97fc63f0a4eb9d90968dc1b1232f366","version":"4.1.17","htmlHash":"966e21d4204c852a46b8fe6befd3eb739b3f4bca9bf8f483165142351a8263fc","classHash":"6d5f98ffe5437151b1129d694e9ca7646df22c0d109662119c7b94f76b2fcbae","sourceHash":"9970a13c1499eeff5c6c2ecc21c791c4b648e2585202857c80e0fe32e3d64c4a","packageHash":"43c31f649ed5f7a8091e71cba29b518ca74cbf21f8fe072ca840e0be163f8031"},"compiledCss":"$4c","compiledHtml":"$4d","originalHtml":"$4e","styleMetadata":{"pipelineVersion":"carousel-md-direct-html-v1","designFamilySlug":"particle-eclipse"},"sourceMetadata":{"source":"design-family-private-test-direct","designFamilyId":"b7a5adfa-1a0a-4a0d-b1db-4fd052500370","designFamilyVersionId":"455dcb37-6459-447e-8828-4bb4c76396f9"}},"editableFields":[{"key":"metadata-left","type":"text","label":"Metadata left","selector":"[data-editable=\"metadata-left\"]","currentValue":"Hook 05 // Question"},{"key":"metadata-right","type":"text","label":"Metadata right","selector":"[data-editable=\"metadata-right\"]","currentValue":"SEQ. 06 / 06"},{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Ask their question"},{"key":"headline","type":"text","label":"Headline","selector":"[data-editable=\"headline\"]","currentValue":"Ask the question they already have."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"\"What should the first slide actually do?\" A real reader question earns the swipe. Then answer it."},{"key":"cta-text","type":"text","label":"Cta text","selector":"[data-editable=\"cta-text\"]","currentValue":"Save these five hooks for your next carousel"},{"key":"coord","type":"text","label":"Coord","selector":"[data-editable=\"coord\"]","currentValue":"Test // could anyone post this?"},{"key":"end-tag","type":"text","label":"End tag","selector":"[data-editable=\"end-tag\"]","currentValue":"End // SEQ. 06"},{"key":"image-footer","type":"image","label":"Particle horizon background","selector":"[data-editable=\"image-footer\"]","currentValue":"https://images.pexels.com/photos/39491952/pexels-photo-39491952.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]}],"title":"Five hooks that earn the first swipe","format":"portrait","carouselSettings":{"header":{"id":"global-header","enabled":false,"left":{"type":"text","content":"Your Logo","styles":{"fontSizeToken":"s","color":"#CCCCCC","fontWeight":600}},"right":{"type":"slideNumber","content":"","styles":{"fontSizeToken":"s","color":"#CCCCCC","fontWeight":600}},"padding":{"x":40,"y":24},"progress":"$undefined"},"footer":{"id":"global-footer","enabled":false,"left":{"type":"text","content":"www.yourwebsite.com","styles":{"fontSizeToken":"s","color":"#CCCCCC","fontWeight":600}},"right":{"type":"slideNumber","content":"","styles":{"fontSizeToken":"s","color":"#CCCCCC","fontWeight":600}},"padding":{"x":40,"y":24},"progress":"$undefined"},"slideDriftBanner":{"enabled":false,"placement":"all"},"headingFontFamily":"Inter","bodyFontFamily":"Inter","primaryColor":"#3B82F6","secondaryColor":"#8B5CF6","accentColor":"#F97316","textColor":"#1A1A1A","mutedTextColor":"#7A7A7A","themeColors":{"primary":"#3B82F6","secondary":"#8B5CF6","accent":"#F97316","background":"#FFFFFF","text":"#1A1A1A","muted":"#7A7A7A","surface":"#F6F6F6","primaryForeground":"#FFFFFF","border":"#DFDFDF"},"remixStyleMode":"authored","brandIdentityEnabled":true,"format":"portrait","globalContentScale":"base","background":"$undefined"},"ctaHref":"/r/cMU0sXjHOWd-lsSa","chrome":"default","analyticsContext":"$undefined"}]