Skip to content

Instantly share code, notes, and snippets.

@SoMaCoSF
Created March 3, 2026 09:07
Show Gist options
  • Select an option

  • Save SoMaCoSF/717b49efa225b4bc083dafe38a8426ee to your computer and use it in GitHub Desktop.

Select an option

Save SoMaCoSF/717b49efa225b4bc083dafe38a8426ee to your computer and use it in GitHub Desktop.
First gist compiled: NotebookLM infographic pack for 861fbaa

Gist Visual Brief

Generated: 2026-03-03T09:07:05.688Z

Gist 861fbaa70aeb0b7496d68ffbc09b53e6

Evidence lines

  • body { margin: 0; background: #000; color: #fff; font-family: system-ui, sans-serif; }
  • #hint { position: fixed; top: 8px; left: 8px; font-size: 12px; opacity: 0.75; }
  • panel: [18, 24, 40],
  • panelBorder: [64, 90, 150],
  • text: [235, 242, 255],
  • mute: [146, 164, 202],
  • accentA: [30, 196, 255],
  • accentB: [116, 255, 142],
  • accentC: [255, 182, 72],
  • { label: 'Build', value: 1.0, color: [30, 196, 255] },
  • { label: 'Publish', value: 0.82, color: [116, 255, 142] },
  • { label: 'Pin Deploy', value: 0.76, color: [255, 182, 72] },

File snapshots

  • popsoc_infographic_meta.html (644 bytes): <!doctype html>
  • popsoc_infographic_meta.js (5243 bytes): const popsoc_infographic_metaScene = function(s) {
  • popsoc_infographic_meta.md (406 bytes): # PopSoc Infographic Meta Scene (Manim.js)

NotebookLM Prompt Pack (Gists → Infographics)

Sources

Shared grounding block

Use only claims grounded in the following extracted evidence:

  • body { margin: 0; background: #000; color: #fff; font-family: system-ui, sans-serif; }
  • #hint { position: fixed; top: 8px; left: 8px; font-size: 12px; opacity: 0.75; }
  • panel: [18, 24, 40],
  • panelBorder: [64, 90, 150],
  • text: [235, 242, 255],
  • mute: [146, 164, 202],

Never invent statistics. If uncertain, phrase as a question or omit.


Prompt A — Hero Stat Boardroom Infographic

Settings: Portrait | Detailed

Create an executive infographic from my notebook sources.

Objective:

  • Distill one core insight and 3 supporting proofs.
  • Audience: operators and investors.

Design:

  • Boardroom signal deck style.
  • Restrained palette, high contrast, clean typography.
  • Strong hierarchy: hero number at top, then proof blocks, then recommendation.

Content rules:

  • Every number must map to source evidence.
  • Include a final "Decision" block with 2 concrete next actions.

Prompt B — System Map / Architecture Infographic

Settings: Landscape | Detailed

Create a systems infographic showing entities, flows, and dependencies.

Design:

  • Precision industrial blueprint style.
  • Modular boxes, arrows, and a legend.

Structure:

  • Left: core entities
  • Center: process flow
  • Right: risks and controls

Content rules:

  • Label each relationship explicitly.
  • Add a "known unknowns" section where evidence is weak.

Prompt C — Timeline + Milestones

Settings: Landscape | Standard

Create a timeline infographic from source material.

Design:

  • Swiss sharp-minimal style.
  • Asymmetric layout, strong whitespace, one accent color.

Structure:

  • Past → Present → Next 3 milestones.
  • For each milestone include trigger, metric, and owner.

Prompt D — Social-ready Carousel Infographic

Settings: Square | Concise

Create a 4-panel social infographic with a problem → method → result → action arc.

Design:

  • Retro comic action style, but text must remain highly legible.
  • Bold headers, concise punchy bullets.

Rules:

  • Max 18 words per panel.
  • Last panel must include one CTA and one measurable KPI.

Archetype quick-pick (folded from ExcellentPrompts)

  • Hero data story
  • Problem → solution social post
  • Sequential process guide
  • By-the-numbers dashboard
  • Timeline (past/present/future)
  • Comparison matrix
  • Narrative explainer stack
  • Accessibility-first visual
  • Search-answer visual FAQ
  • Systems map / feedback loops
  • Data-in-context scene
  • Executive briefing visual

Use one archetype per output and keep every claim traceable to gist evidence.

{
"presets": [
{
"id": "boardroom-signal",
"tone": "executive, concise",
"palette": [
"#FFFFFF",
"#111111",
"#1E5DA2"
],
"typography": "clean sans + bold numeric headers",
"composition": "hero stat + 3 proof modules + decision footer"
},
{
"id": "swiss-minimal",
"tone": "editorial, precise",
"palette": [
"#F5F5F5",
"#111111",
"#FF3333"
],
"typography": "large asymmetrical headlines + compact body",
"composition": "negative space, strict grid, asymmetry"
},
{
"id": "crt-terminal",
"tone": "technical, cyber",
"palette": [
"#020502",
"#4AF626",
"#1A3B1A"
],
"typography": "monospace pixel/terminal",
"composition": "HUD modules, scanline visual noise"
},
{
"id": "retro-comic",
"tone": "energetic, narrative",
"palette": [
"#F9F7E8",
"#050505",
"#E62E2D",
"#2A5CAA"
],
"typography": "display headers + comic-style subheads",
"composition": "panel-based flow with explicit sequence"
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment