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:T7dc,

LinkedIn formats

Image post or carousel?

Pick the format by what your reader has to do with it.

38:T31d6,/*! 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; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --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); } .top-0 { top: calc(var(--spacing) * 0); } .top-\[156px\] { top: 156px; } .top-\[180px\] { top: 180px; } .top-\[520px\] { top: 520px; } .right-0 { right: calc(var(--spacing) * 0); } .left-0 { left: calc(var(--spacing) * 0); } .left-\[140px\] { left: 140px; } .left-\[380px\] { left: 380px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .flex { display: flex; } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[340px\] { height: 340px; } .h-\[780px\] { height: 780px; } .h-full { height: 100%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-16 { width: calc(var(--spacing) * 16); } .w-\[280px\] { width: 280px; } .w-\[380px\] { width: 380px; } .w-\[460px\] { width: 460px; } .w-full { width: 100%; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[680px\] { max-width: 680px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-3 { gap: calc(var(--spacing) * 3); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-b-8 { border-bottom-style: var(--tw-border-style); border-bottom-width: 8px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-width: 8px; } .border-\[\#101214\] { border-color: #101214; } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-black\/75 { --tw-gradient-from: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, 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-black\/35 { --tw-gradient-via: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, 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); } .font-sans { font-family: var(--font-sans); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[42px\] { font-size: 42px; } .text-\[104px\] { font-size: 104px; } .leading-\[1\.04\] { --tw-leading: 1.04; line-height: 1.04; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .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\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#101214\] { color: #101214; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .opacity-25 { opacity: 25%; } .mix-blend-multiply { mix-blend-mode: multiply; } .contrast-110 { --tw-contrast: contrast(110%); 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-\[20\%\] { --tw-grayscale: grayscale(20%); 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,); } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } } } 39:T7dc,

LinkedIn formats

Image post or carousel?

Pick the format by what your reader has to do with it.

3a:T78f,

CONTENT ARCHITECTURE / GUIDE

Image post or carousel?

Pick the format by what your reader has to do with it.

3b:T6d7,

Single image

One picture, one point.

A chart, a screenshot, a quote or an announcement that makes sense at a glance.

LinkedIn formatsslidedrift.com

3c:T21c4,/*! 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-white: #fff; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: calc(var(--spacing) * 0); } .top-\[320px\] { top: 320px; } .top-\[980px\] { top: 980px; } .left-\[136px\] { left: 136px; } .left-\[160px\] { left: 160px; } .left-\[620px\] { left: 620px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .my-auto { margin-block: auto; } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .flex { display: flex; } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[180px\] { height: 180px; } .h-full { height: 100%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-16 { width: calc(var(--spacing) * 16); } .w-\[460px\] { width: 460px; } .w-full { width: 100%; } .max-w-\[820px\] { max-width: 820px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-3 { gap: calc(var(--spacing) * 3); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-\[\#101214\] { border-color: #101214; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .p-\[90px_80px\] { padding: 90px 80px; } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pl-\[120px\] { padding-left: 120px; } .font-sans { font-family: var(--font-sans); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[44px\] { font-size: 44px; } .text-\[96px\] { font-size: 96px; } .leading-\[1\.06\] { --tw-leading: 1.06; line-height: 1.06; } .leading-\[1\.42\] { --tw-leading: 1.42; line-height: 1.42; } .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\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#101214\] { color: #101214; } .text-\[\#E40064\] { color: #E40064; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/60 { color: color-mix(in oklab, #F4F5F7 60%, transparent); } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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:T6d7,

Single image

One picture, one point.

A chart, a screenshot, a quote or an announcement that makes sense at a glance.

LinkedIn formatsslidedrift.com

3e:T6f9,

FORMAT DISPATCH / SINGLE ASSET

One picture, one point.

A chart, a screenshot, a quote or an announcement that makes sense at a glance.

SOLITARY FRAME PROTOCOLROUTE LINE 01 // DIRECT

3f:Ta6a,

Multi-image

A set, in any order.

Up to 20 pictures shown together: event photos, product shots, a portfolio. Put the best one first.

EVENT PHOTOS

LINKEDIN FORMATS

SLIDE 03 / 07

40:T3ba2,/*! 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; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --blur-md: 12px; --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); } .top-0 { top: calc(var(--spacing) * 0); } .top-\[180px\] { top: 180px; } .right-\[216px\] { right: 216px; } .right-\[240px\] { right: 240px; } .right-\[272px\] { right: 272px; } .bottom-8 { bottom: calc(var(--spacing) * 8); } .left-8 { left: calc(var(--spacing) * 8); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .flex { display: flex; } .h-3 { height: calc(var(--spacing) * 3); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[480px\] { height: 480px; } .h-full { height: 100%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-16 { width: calc(var(--spacing) * 16); } .w-full { width: 100%; } .max-w-\[700px\] { max-width: 700px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-\[\#101214\] { border-color: #101214; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#101214\]\/90 { background-color: color-mix(in oklab, #101214 90%, transparent); } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-\[\#101214\]\/90 { --tw-gradient-from: color-mix(in oklab, #101214 90%, 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-\[\#101214\]\/30 { --tw-gradient-via: color-mix(in oklab, #101214 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); } .via-black\/35 { --tw-gradient-via: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, 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; } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-4 { padding-block: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .font-sans { font-family: var(--font-sans); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[40px\] { font-size: 40px; } .text-\[88px\] { font-size: 88px; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.06\] { --tw-leading: 1.06; line-height: 1.06; } .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\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#101214\] { color: #101214; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/60 { color: color-mix(in oklab, #F4F5F7 60%, transparent); } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .opacity-20 { opacity: 20%; } .mix-blend-multiply { mix-blend-mode: multiply; } .contrast-110 { --tw-contrast: contrast(110%); 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-\[25\%\] { --tw-grayscale: grayscale(25%); 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,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { 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; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; } } } 41:Ta6a,

Multi-image

A set, in any order.

Up to 20 pictures shown together: event photos, product shots, a portfolio. Put the best one first.

EVENT PHOTOS

LINKEDIN FORMATS

SLIDE 03 / 07

42:Ta24,

MULTI-IMAGE POST / UNORDERED

A set, in any order.

Up to 20 pictures shown together: event photos, product shots, a portfolio. Put the best one first.

PRIMARY ASSET / THUMBNAIL HOOK

COLLECTION LOGIC

SLIDE 03 / 07

43:T903,

Commuter reviewing sequential notes in transit

Carousel

Points that build on each other.

A PDF people swipe page by page. Use it for how-tos, checklists and case studies.

LINKEDIN FORMATS

04 / 07

44:T3bd4,/*! 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; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --blur-md: 12px; --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); } .top-0 { top: calc(var(--spacing) * 0); } .top-\[466px\] { top: 466px; } .top-\[490px\] { top: 490px; } .left-0 { left: calc(var(--spacing) * 0); } .left-\[80px\] { left: 80px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-auto { margin-top: auto; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .flex { display: flex; } .inline-flex { display: inline-flex; } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[520px\] { height: 520px; } .h-full { height: 100%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-16 { width: calc(var(--spacing) * 16); } .w-full { width: 100%; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[900px\] { max-width: 900px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-\[\#101214\] { border-color: #101214; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#101214\]\/85 { background-color: color-mix(in oklab, #101214 85%, transparent); } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-\[\#101214\]\/30 { --tw-gradient-from: color-mix(in oklab, #101214 30%, 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-\[\#101214\]\/60 { --tw-gradient-via: color-mix(in oklab, #101214 60%, 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); } .via-black\/35 { --tw-gradient-via: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, 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-\[\#101214\] { --tw-gradient-to: #101214; --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; } .px-4 { padding-inline: calc(var(--spacing) * 4); } .py-2 { padding-block: calc(var(--spacing) * 2); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .font-sans { font-family: var(--font-sans); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[44px\] { font-size: 44px; } .text-\[88px\] { font-size: 88px; } .leading-\[1\.06\] { --tw-leading: 1.06; line-height: 1.06; } .leading-\[1\.42\] { --tw-leading: 1.42; line-height: 1.42; } .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\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.26em\] { --tw-tracking: 0.26em; letter-spacing: 0.26em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#101214\] { color: #101214; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/60 { color: color-mix(in oklab, #F4F5F7 60%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .opacity-20 { opacity: 20%; } .mix-blend-multiply { mix-blend-mode: multiply; } .contrast-115 { --tw-contrast: contrast(115%); 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-\[30\%\] { --tw-grayscale: grayscale(30%); 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,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { 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; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; } } } 45:T903,

Carousel

Points that build on each other.

A PDF people swipe page by page. Use it for how-tos, checklists and case studies.

LINKEDIN FORMATS

04 / 07

46:T8bf,

FORMAT 02 / SEQUENTIAL FLOW

Points that build on each other.

A PDF people swipe page by page. Use it for how-tos, checklists and case studies.

METRO TRANSIT GUIDE

04 / 07

47:T4c1,

Quick test

Does the order matter?

If page 1 must come before page 2, make a carousel.

48:T1f88,/*! 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; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .top-\[260px\] { top: 260px; } .top-\[456px\] { top: 456px; } .right-\[156px\] { right: 156px; } .right-\[180px\] { right: 180px; } .bottom-\[160px\] { bottom: 160px; } .left-0 { left: calc(var(--spacing) * 0); } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .my-auto { margin-block: auto; } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .flex { display: flex; } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[780px\] { height: 780px; } .h-full { height: 100%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-16 { width: calc(var(--spacing) * 16); } .w-\[840px\] { width: 840px; } .w-full { width: 100%; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[820px\] { max-width: 820px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-3 { gap: calc(var(--spacing) * 3); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[\#101214\] { border-color: #101214; } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .font-sans { font-family: var(--font-sans); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[46px\] { font-size: 46px; } .text-\[96px\] { font-size: 96px; } .leading-\[1\.04\] { --tw-leading: 1.04; line-height: 1.04; } .leading-\[1\.38\] { --tw-leading: 1.38; line-height: 1.38; } .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\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#101214\] { color: #101214; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } } } 49:T4c1,

Quick test

Does the order matter?

If page 1 must come before page 2, make a carousel.

4a:T8f8,

DECISION PROTOCOL / ROUTE RULE

Does the order matter?

If page 1 must come before page 2, make a carousel.

01→02→03

Mandatory progression

WAYFINDING CHECK 05PROGRESSION LINE

4b:Td25,

Use both

One idea, two posts.

Post the carousel first. Later, share its strongest page on its own as a single image.

First

The full carousel

Post the full carousel first, so readers can swipe through the whole idea.

Later

Its strongest page

Days later, post its best page, like a chart or a summary, as a single image.

LinkedIn formats

4c:T268a,/*! 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-white: #fff; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --leading-tight: 1.25; --leading-relaxed: 1.625; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: calc(var(--spacing) * 0); } .top-2 { top: calc(var(--spacing) * 2); } .top-\[320px\] { top: 320px; } .top-\[550px\] { top: 550px; } .top-\[750px\] { top: 750px; } .right-0 { right: calc(var(--spacing) * 0); } .right-\[140px\] { right: 140px; } .-left-\[68px\] { left: calc(68px * -1); } .left-\[140px\] { left: 140px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .my-auto { margin-block: auto; } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .flex { display: flex; } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-16 { height: calc(var(--spacing) * 16); } .h-\[320px\] { height: 320px; } .h-\[420px\] { height: 420px; } .h-full { height: 100%; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-16 { width: calc(var(--spacing) * 16); } .w-\[220px\] { width: 220px; } .w-full { width: 100%; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[820px\] { max-width: 820px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-8 { gap: calc(var(--spacing) * 8); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-\[\#1D68EE\] { border-color: #1D68EE; } .border-\[\#101214\] { border-color: #101214; } .border-\[\#E40064\] { border-color: #E40064; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .p-\[90px_80px\] { padding: 90px 80px; } .py-2 { padding-block: calc(var(--spacing) * 2); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-\[100px\] { padding-left: 100px; } .font-sans { font-family: var(--font-sans); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[32px\] { font-size: 32px; } .text-\[38px\] { font-size: 38px; } .text-\[46px\] { font-size: 46px; } .text-\[92px\] { font-size: 92px; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.38\] { --tw-leading: 1.38; line-height: 1.38; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .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\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.24em\] { --tw-tracking: 0.24em; letter-spacing: 0.24em; } .tracking-\[0\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-\[\#1D68EE\] { color: #1D68EE; } .text-\[\#101214\] { color: #101214; } .text-\[\#E40064\] { color: #E40064; } .text-\[\#F4F5F7\]\/60 { color: color-mix(in oklab, #F4F5F7 60%, transparent); } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#F4F5F7\]\/90 { color: color-mix(in oklab, #F4F5F7 90%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } } } 4d:Td25,

Use both

One idea, two posts.

Post the carousel first. Later, share its strongest page on its own as a single image.

First

The full carousel

Post the full carousel first, so readers can swipe through the whole idea.

Later

Its strongest page

Days later, post its best page, like a chart or a summary, as a single image.

LinkedIn formats

4e:Tdc8,

REPURPOSING LOGIC / SEQUENCE

One idea, two posts.

Post the carousel first. Later, share its strongest page on its own as a single image.

INITIAL BROADCAST

The Complete Carousel

Publish the full sequence first to capture high engagement, saves, and multi-slide dwell time across the full narrative arc.

SECONDARY FEED DROP

The Standalone Asset

Extract your strongest diagram, matrix, or visual summary and post it days later as an immediate single-image hook.

DISTRIBUTION CADENCE // SPLIT ROUTE

4f:T878,

Your turn

Make the carousel version.

Paste your notes or a link into SlideDrift and edit the draft.

START IN BROWSER → SLIDEDRIFT.COM

LinkedIn formats

slidedrift.com

50:T2479,/*! 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-white: #fff; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .absolute { position: absolute; } .relative { position: relative; } .top-0 { top: calc(var(--spacing) * 0); } .top-\[320px\] { top: 320px; } .top-\[640px\] { top: 640px; } .right-\[32px\] { right: 32px; } .right-\[60px\] { right: 60px; } .right-\[120px\] { right: 120px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .my-auto { margin-block: auto; } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .flex { display: flex; } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-18 { height: calc(var(--spacing) * 18); } .h-\[320px\] { height: 320px; } .h-\[340px\] { height: 340px; } .h-full { height: 100%; } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-18 { width: calc(var(--spacing) * 18); } .w-\[76px\] { width: 76px; } .w-full { width: 100%; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[820px\] { max-width: 820px; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-6 { gap: calc(var(--spacing) * 6); } .overflow-hidden { overflow: hidden; } .rounded-none { border-radius: 0; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-\[\#1D68EE\] { border-color: #1D68EE; } .border-\[\#101214\] { border-color: #101214; } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\[\#1D68EE\] { background-color: #1D68EE; } .bg-\[\#1D68EE\]\/10 { background-color: color-mix(in oklab, #1D68EE 10%, transparent); } .bg-\[\#101214\] { background-color: #101214; } .bg-\[\#E40064\] { background-color: #E40064; } .bg-\[\#FFFFFF\] { background-color: #FFFFFF; } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[90px_80px\] { padding: 90px 80px; } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[42px\] { font-size: 42px; } .text-\[104px\] { font-size: 104px; } .leading-\[1\.04\] { --tw-leading: 1.04; line-height: 1.04; } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .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\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.28em\] { --tw-tracking: 0.28em; letter-spacing: 0.28em; } .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-\[\#101214\] { color: #101214; } .text-\[\#F4F5F7\] { color: #F4F5F7; } .text-\[\#F4F5F7\]\/60 { color: color-mix(in oklab, #F4F5F7 60%, transparent); } .text-\[\#F4F5F7\]\/80 { color: color-mix(in oklab, #F4F5F7 80%, transparent); } .text-\[\#FFFFFF\] { color: #FFFFFF; } .uppercase { text-transform: uppercase; } .selection\:bg-\[\#E40064\] { & *::selection { background-color: #E40064; } &::selection { background-color: #E40064; } } @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; } } } 51:T878,

Your turn

Make the carousel version.

Paste your notes or a link into SlideDrift and edit the draft.

START IN BROWSER → SLIDEDRIFT.COM

LinkedIn formats

slidedrift.com

52:T88e,

TERMINAL NODE / WORKFLOW

Make the carousel version.

Paste your notes or a link into SlideDrift and edit the draft.

START IN BROWSER → SLIDEDRIFT.COM

LINE 01 COMPLETE

INTERCHANGE READY

2d:["$","$L36",null,{"slides":[{"id":"slide-0","order":0,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$37","renderMode":"html","imagePrompt":"Candid metropolitan commuter viewing screen content in motion, soft urban transit depth-of-field","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"LinkedIn formats"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Image post or carousel?"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Pick the format by what your reader has to do with it."},{"key":"cover-image","type":"image","label":"Commuter reviewing mobile device","selector":"[data-editable=\"cover-image\"]","currentValue":"https://images.pexels.com/photos/34064708/pexels-photo-34064708.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"dcebd376e98c0183788951e9a28894483a721f22dd09ee0fe7da0f1f882ce5df","version":"4.1.17","htmlHash":"bb1a4f35e6a5f9b63d408eb8a4367cd6349fe302d4c18aaae36e51fdfec5c833","classHash":"51e1234cb00faa4a7fa8543f5394981ec62353e9c0e44b649cf54a2e541f1bbf","sourceHash":"2fdd0e61c5f29eb9e4a40e5054d5d4aa687f7eeed5b23cd23dc1a2f19562b4d5","packageHash":"e8c090bee5a37a7b4ab4fb8a0169e7a427bbee7976166a8a9e8200ea238f581f"},"compiledCss":"$38","compiledHtml":"$39","originalHtml":"$3a","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"LinkedIn formats"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Image post or carousel?"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Pick the format by what your reader has to do with it."},{"key":"cover-image","type":"image","label":"Commuter reviewing mobile device","selector":"[data-editable=\"cover-image\"]","currentValue":"https://images.pexels.com/photos/34064708/pexels-photo-34064708.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-1","order":1,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$3b","renderMode":"html","imagePrompt":"","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Single image"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"One picture, one point."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"A chart, a screenshot, a quote or an announcement that makes sense at a glance."},{"key":"footer-left","type":"text","label":"Footer Left","selector":"[data-editable=\"footer-left\"]","currentValue":"LinkedIn formats"},{"key":"footer-right","type":"text","label":"Footer Right","selector":"[data-editable=\"footer-right\"]","currentValue":"slidedrift.com"}],"compiler":{"name":"tailwindcss","cssHash":"1794c79752ca891473d93e23ae23de25a50ca816df2b021b560e07024ea78415","version":"4.1.17","htmlHash":"dbcc801b5f9177597f5816f0fb2668528cc7bb68a427033dd13a363bfb572330","classHash":"9664f668d80ae95336ed2d561f0b37e03dcd697c4b6dbd8e5bf652e57839e2e2","sourceHash":"50532dfb5c7580c424c0271fcdcee215d8f0026b754f2caef11ac560dc281b8d","packageHash":"1b2a73c1ac529c65ea7e3749c81625ab1c7cea0d8259db450a1c5473f2927fa2"},"compiledCss":"$3c","compiledHtml":"$3d","originalHtml":"$3e","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Single image"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"One picture, one point."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"A chart, a screenshot, a quote or an announcement that makes sense at a glance."},{"key":"footer-left","type":"text","label":"Footer Left","selector":"[data-editable=\"footer-left\"]","currentValue":"LinkedIn formats"},{"key":"footer-right","type":"text","label":"Footer Right","selector":"[data-editable=\"footer-right\"]","currentValue":"slidedrift.com"}]},{"id":"slide-2","order":2,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$3f","renderMode":"html","imagePrompt":"Documentary street view of an art exhibition wall with framed photographs in gallery lighting, architectural urban transit backdrop","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Multi-image"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"A set, in any order."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Up to 20 pictures shown together: event photos, product shots, a portfolio. Put the best one first."},{"key":"feature-image","type":"image","label":"Exhibition and portfolio frames","selector":"[data-editable=\"feature-image\"]","currentValue":"https://images.pexels.com/photos/7864530/pexels-photo-7864530.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"ae021ddbbb93df1abc04af32ebbd7c55b3cc05c2b619369747e11f17cd349c3e","version":"4.1.17","htmlHash":"215763b092b1e6ad42d86208daefbe0cadcf0087aeff0822d4ca8efa81a6f571","classHash":"4a82da569547f1e6ab25803ad828cef38b347c92b43a5d8ff450dc837ac18518","sourceHash":"19c63d0e2f26fe2b14214d304d37061fa32d199c9ce5669dd47e6a21ef3c9e90","packageHash":"3644e96a5ecbab6e3620716a1eecf99a159621d5106934ebeb136bf026c2754f"},"compiledCss":"$40","compiledHtml":"$41","originalHtml":"$42","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Multi-image"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"A set, in any order."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Up to 20 pictures shown together: event photos, product shots, a portfolio. Put the best one first."},{"key":"feature-image","type":"image","label":"Exhibition and portfolio frames","selector":"[data-editable=\"feature-image\"]","currentValue":"https://images.pexels.com/photos/7864530/pexels-photo-7864530.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-3","order":3,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$43","renderMode":"html","imagePrompt":"Authentic commuter reviewing sequential printed sheets and digital notes in an urban transit station setting, documentary style, muted lighting","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Carousel"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Points that build on each other."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"A PDF people swipe page by page. Use it for how-tos, checklists and case studies."},{"key":"header-image","type":"image","label":"Commuter reviewing sequential notes","selector":"[data-editable=\"header-image\"]","currentValue":"https://images.pexels.com/photos/16034193/pexels-photo-16034193.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}],"compiler":{"name":"tailwindcss","cssHash":"6a79368023223c93312075f6d47e123916d48680d7c3c0621ca0980f0274ec7e","version":"4.1.17","htmlHash":"a343a336347a47a2e44baf9768352e437ab93f6d7d67f1b9a4f170665f44508a","classHash":"b07427793c57132b69856198463454d9c02d11f4e2045e9d51898ab356911bf7","sourceHash":"9f528b8985315dca59c1de174757280094812de88f58b61c27892dac95a8df33","packageHash":"347204d85c5d370f4e8397d81fc80121e6179b65d45ac009dadd901a817cd2f6"},"compiledCss":"$44","compiledHtml":"$45","originalHtml":"$46","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Carousel"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Points that build on each other."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"A PDF people swipe page by page. Use it for how-tos, checklists and case studies."},{"key":"header-image","type":"image","label":"Commuter reviewing sequential notes","selector":"[data-editable=\"header-image\"]","currentValue":"https://images.pexels.com/photos/16034193/pexels-photo-16034193.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800"}]},{"id":"slide-4","order":4,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$47","renderMode":"html","imagePrompt":"","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Quick test"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Does the order matter?"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"If page 1 must come before page 2, make a carousel."}],"compiler":{"name":"tailwindcss","cssHash":"e07854bfa34fc4d17af0ccb85bc8968deab50eb41afe5c6401c90fb3b94d2ac7","version":"4.1.17","htmlHash":"c34024ec8a7cc1e9b6e74fe2205fc35f1fc7527a1a008d6940800c5ea6bf164d","classHash":"3c3d06ef5b639909b94c4d9e3ea0df1b080a98da5141c73c0af029c867d94934","sourceHash":"2963f9c8b828559fed18880af2a24743d032e2d5c9317b34a0850d72880b1613","packageHash":"6005fdb826caadf847cf21223ca3a1e79cb935c5016cc87e18c9732f91436395"},"compiledCss":"$48","compiledHtml":"$49","originalHtml":"$4a","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Quick test"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Does the order matter?"},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"If page 1 must come before page 2, make a carousel."}]},{"id":"slide-5","order":5,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$4b","renderMode":"html","imagePrompt":"","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Use both"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"One idea, two posts."},{"key":"body","type":"text","label":"Lead Statement","selector":"[data-editable=\"body\"]","currentValue":"Post the carousel first. Later, share its strongest page on its own as a single image."},{"key":"stage1-tag","type":"text","label":"Stage 1 Tag","selector":"[data-editable=\"stage1-tag\"]","currentValue":"First"},{"key":"stage1-title","type":"text","label":"Stage 1 Title","selector":"[data-editable=\"stage1-title\"]","currentValue":"The full carousel"},{"key":"stage1-desc","type":"text","label":"Stage 1 Description","selector":"[data-editable=\"stage1-desc\"]","currentValue":"Post the full carousel first, so readers can swipe through the whole idea."},{"key":"stage2-tag","type":"text","label":"Stage 2 Tag","selector":"[data-editable=\"stage2-tag\"]","currentValue":"Later"},{"key":"stage2-title","type":"text","label":"Stage 2 Title","selector":"[data-editable=\"stage2-title\"]","currentValue":"Its strongest page"},{"key":"stage2-desc","type":"text","label":"Stage 2 Description","selector":"[data-editable=\"stage2-desc\"]","currentValue":"Days later, post its best page, like a chart or a summary, as a single image."},{"key":"footer-tag","type":"text","label":"Footer Tag","selector":"[data-editable=\"footer-tag\"]","currentValue":"LinkedIn formats"}],"compiler":{"name":"tailwindcss","cssHash":"ba46ac2f39f25098cdb5046275666b1c6386ff3d3c1e921f2a3138502f1df375","version":"4.1.17","htmlHash":"6d904afab15f86543cfe68f868869d85ca5b216beb3830466c65768fd497924b","classHash":"f2d80093abb0cd8d4c3d04ff6dcb4ee99e8561cbae231f9ac37ecd4a4c7596d8","sourceHash":"24c3eb1a3af6f9d275d56d483d23c25afb6ccf3093451f59e5507a958cb74718","packageHash":"5933aa6422c114f45c74e683e41d8caddba842f2a1757002e1fd084bb0b52a07"},"compiledCss":"$4c","compiledHtml":"$4d","originalHtml":"$4e","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Use both"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"One idea, two posts."},{"key":"body","type":"text","label":"Lead Statement","selector":"[data-editable=\"body\"]","currentValue":"Post the carousel first. Later, share its strongest page on its own as a single image."},{"key":"stage1-tag","type":"text","label":"Stage 1 Tag","selector":"[data-editable=\"stage1-tag\"]","currentValue":"First"},{"key":"stage1-title","type":"text","label":"Stage 1 Title","selector":"[data-editable=\"stage1-title\"]","currentValue":"The full carousel"},{"key":"stage1-desc","type":"text","label":"Stage 1 Description","selector":"[data-editable=\"stage1-desc\"]","currentValue":"Post the full carousel first, so readers can swipe through the whole idea."},{"key":"stage2-tag","type":"text","label":"Stage 2 Tag","selector":"[data-editable=\"stage2-tag\"]","currentValue":"Later"},{"key":"stage2-title","type":"text","label":"Stage 2 Title","selector":"[data-editable=\"stage2-title\"]","currentValue":"Its strongest page"},{"key":"stage2-desc","type":"text","label":"Stage 2 Description","selector":"[data-editable=\"stage2-desc\"]","currentValue":"Days later, post its best page, like a chart or a summary, as a single image."},{"key":"footer-tag","type":"text","label":"Footer Tag","selector":"[data-editable=\"footer-tag\"]","currentValue":"LinkedIn formats"}]},{"id":"slide-6","order":6,"elements":[],"background":{"type":"solid","color":"#101214"},"customHtml":"$4f","renderMode":"html","imagePrompt":"","remixDocument":{"canvas":{"width":1080,"height":1350,"rootFontSize":16},"version":1,"bindings":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Your turn"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Make the carousel version."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Paste your notes or a link into SlideDrift and edit the draft."},{"key":"action-callout","type":"text","label":"Action Callout","selector":"[data-editable=\"action-callout\"]","currentValue":"START IN BROWSER → SLIDEDRIFT.COM"},{"key":"line-a","type":"text","label":"Line A Label","selector":"[data-editable=\"line-a\"]","currentValue":"LinkedIn formats"},{"key":"line-b","type":"text","label":"Line B Label","selector":"[data-editable=\"line-b\"]","currentValue":"slidedrift.com"}],"compiler":{"name":"tailwindcss","cssHash":"964d9f353cc47f138b928092dbd9706538d29e2d330bcb2ebea7124eb7ad3517","version":"4.1.17","htmlHash":"6157f176086cfbed1f86a5f7de837b1860dcf9bb2977c438dd55ec398de3cfc1","classHash":"d889435c23b96563292dddb1555b00f4aa854a3019c8f73ea8257d8e9a6e476a","sourceHash":"f93fc8c046e682a1bea3364c80d9b62423a930be1457dc7e52656d9dac8744bd","packageHash":"01a6124a49fb51f5978adce42cc509f7c5d18dc2499765234957ec5f431d6085"},"compiledCss":"$50","compiledHtml":"$51","originalHtml":"$52","styleMetadata":{"designBundleId":null,"bundleDocumentMode":null},"sourceMetadata":{"kind":"remix_generation","mode":"plan","modelId":null,"bundleMode":false,"sourceType":"text","templateId":"6e7305fe-bfff-48a9-8d91-b586c452976e","lastCompiledBy":"editor_save"}},"editableFields":[{"key":"eyebrow","type":"text","label":"Eyebrow","selector":"[data-editable=\"eyebrow\"]","currentValue":"Your turn"},{"key":"title","type":"text","label":"Title","selector":"[data-editable=\"title\"]","currentValue":"Make the carousel version."},{"key":"body","type":"text","label":"Body","selector":"[data-editable=\"body\"]","currentValue":"Paste your notes or a link into SlideDrift and edit the draft."},{"key":"action-callout","type":"text","label":"Action Callout","selector":"[data-editable=\"action-callout\"]","currentValue":"START IN BROWSER → SLIDEDRIFT.COM"},{"key":"line-a","type":"text","label":"Line A Label","selector":"[data-editable=\"line-a\"]","currentValue":"LinkedIn formats"},{"key":"line-b","type":"text","label":"Line B Label","selector":"[data-editable=\"line-b\"]","currentValue":"slidedrift.com"}]}],"title":"Image Post or Carousel?","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/2mS-afzkgI5YrShP","chrome":"default","analyticsContext":"$undefined"}]