DayDreamers

Enter passcode to access materials

Contact the instructor for access

DayDreamers
AI-Powered GTM 1 / 14

AI-Powered Go-to-Market

Design It. Create It. Post It. — March 28, 2026

Design System Image Generation Social Channels Automated Posting Open Source
press arrow to begin
DayDreamers
Why It Matters 2 / 14
01 — Why It Matters

Why Marketing Matters

The Visibility Problem

Most builders spend 100% building, 0% promoting. Your best work is invisible if nobody sees it.

The AI Advantage

AI can generate weeks of content in minutes. Design systems, images, social posts — all from a few prompts.

Today's session: go from zero to a complete promotional pipeline in 2 hours.
DayDreamers
Roadmap 3 / 14
02 — Roadmap

Today's Pipeline

Demo & Setup
API
Design System
Brand DNA
Channels & Content
LinkedIn / IG / X
Image Assets
AI + HTML
Build & Ship
Challenge
Each phase builds on the last. By the end, you'll have a complete GTM kit.
DayDreamers
Quick Win 4 / 14
03 — Quick Win

Your Content Generator

We built an open-source tool that automates this entire pipeline.

Paste URL
Your project link
AI Analyzes
Understands your project
Content Generated
Posts & copy ready
Post Directly
Publish everywhere

DayDreamers Social Promo Generator

Paste your project URL and get instant promotional content

Open Tool

Source Code (Open Source)

Fork it, customize it, make it yours — MIT licensed

GitHub
Try it now — paste your project URL and see what it generates. The source code is open source on GitHub, so you can fork it and build your own version!
DayDreamers
Demo & Setup 5 / 14
04 — Demo & Setup

Phase 4: Post Automatically

Connect your accounts and publish directly — no copy-paste.

Generate Content
AI creates copy
Edit & Refine
Make it yours
Post to LinkedIn
One click
Live in Seconds
Published

Upload-Post API Setup

  1. Sign up at upload-post.com
  2. Get your API key
  3. Connect LinkedIn / X accounts
  4. Paste API key in the DayDreamers tool
  5. One-click publish from the generator

Upload-Post API Keys

Get your API key to enable automated posting

Get Key
Once connected, going from idea → live post is one click.
DayDreamers
Design System 6 / 14
05 — Design System

Start With a Design System

Before you create ANY content, lock in your brand. Everything flows from this.

What Is a Design System?

Color palette, typography, visual language. The DNA of your brand.

Why It Matters

Consistent branding across LinkedIn, Instagram, your website = professional. Random colors = amateur.

Foundation

Colors

Primary, secondary, accent, background, text

Typography

Fonts

Heading font + body font pairing

Structure

Layout

Spacing, grid, visual hierarchy

Voice

Tone

How your brand sounds in writing

DayDreamers
Live Build 7 / 14
06 — Live Build

Phase 1: Your Brand with Google Stitch

Example — Google Stitch Output

Google Stitch design system example
// Design system generation prompt I'm building a brand identity for my project called [NAME]. It does: [DESCRIPTION] Target audience: [AUDIENCE] Generate a design system with: 1. A color palette (primary, secondary, accent, background, text) with hex codes 2. Font recommendations (heading + body font pairing) 3. Tone of voice guide (3-5 adjectives) 4. A simple logo concept description
  1. Open stitch.withgoogle.com
  2. Describe your project — Stitch generates your full design system
  3. Review — colors, typography, buttons, icons, components
  4. Export & screenshot your brand assets

Google Stitch

AI-powered design system generator — colors, typography, components

Open Stitch →
This becomes the foundation for everything — images, posts, and the promo tool. Feed your brand colors into the content generator for consistent output.
DayDreamers
Channels & Content 8 / 14
07 — Channels & Content

Know Your Channels

Same project, different angle per platform. Don't cross-post — adapt the message to the audience.

LinkedIn →

Professional & B2B

Credibility-driven. Lead with the problem you solve. Best for fundraising, partnerships, hiring.

Unicode bold • Bullets Long-form

Instagram →

Visual & Community

Authentic and story-driven. Lead with the visual and human story. Best for user adoption, brand awareness.

Emojis Casual tone #hashtags

X / Twitter →

Frontier & Thought Leadership

Sharp and opinionated. Lead with bold takes. Best for AI thought leadership, building in public.

Thread (1/, 2/) <280 chars Bold hooks
PlatformAudienceToneFormat
LinkedInProfessionals, investorsProfessional, credibilityLong-form, Unicode bold
InstagramYounger gen, consumersCasual, visual, authenticCaption + hashtags
X / TwitterAI/tech builders, VCsSharp, frontier thinkingThread format, concise
AI tools handle formatting automatically per platform. What you see is what gets posted.
DayDreamers
Image Assets 9 / 14
08 — Image Assets

Phase 2a: AI Image Generation

Use Google Gemini to generate social images directly from a prompt.

// AI image generation prompt Create a professional LinkedIn promotional image for [PROJECT NAME]. Style: Modern, clean, dark background with [BRAND COLORS]. Include: Project name as bold text, tagline, key benefit. Dimensions: 1200x627px landscape. No stock photos or faces. Tech/startup aesthetic.
Step 1

Gemini

AI generates image from prompt

Step 2

Download PNG

Save the generated image

Step 3

Upload to Platform

Attach to your social post

Google Gemini

AI image generation — describe what you want, get a unique image

Open Gemini →
Google Gemini High Quality Fast Unique
Best for: unique visuals, hero images, eye-catching social cards.
DayDreamers
Image Assets 10 / 14
09 — Image Assets

Phase 2b: HTML Template Approach

Use AI to generate HTML/CSS templates, then screenshot — pixel-perfect control.

// HTML template image prompt Using my design system: [PASTE DESIGN SYSTEM] Generate an HTML file that renders a LinkedIn post image (1200x627px): - Project name and tagline in large text - Key benefit highlighted - Brand colors and clean layout - Use HTML/CSS with fixed dimensions
Step 1

AI Generates HTML

Prompt produces styled template

Step 2

Open in Browser

Preview the rendered output

Step 3

Screenshot

Capture as PNG and upload

Pros

Pixel-perfect, consistent, reusable templates

Cons

Extra screenshot step, more static & repetitive look, less visual variety across posts

DayDreamers Templates

Pre-built HTML image templates ready to customize with your brand

Browse Templates →

ChatGPT

Or paste the prompt above to generate your own custom template

Open ChatGPT →
Screenshot the HTML output → instant social media images, no Canva needed.
DayDreamers
Build Your Own 11 / 14
10 — Build Your Own

Build Your Own Tool

Fork the open-source generator or scaffold your own with Lovable.

Fork & Customize

Clone the repo, add your branding, deploy to Vercel. MIT licensed.

Build with Lovable

Describe your tool in Lovable, get a full Next.js app, connect Upload-Post API.

Go Launch

Pick a channel. Post today. Not tomorrow. Today.

GitHub Repo

Fork the open-source social promo generator

GitHub

Lovable

Scaffold a full app from a description

Open

DayDreamers Academy

Join the community and keep building

Visit
DayDreamers
Your Pipeline 12 / 14
11 — Your Pipeline

Your Complete GTM Pipeline

Design System
Brand identity
Image Assets
AI + HTML
Channel Strategy
Platform fit
Content
AI copy
Publish
Go live

Time Comparison

TaskManualWith AI
Design system2 days5 min
Social images1 day each2 min
Post copy (all channels)4+ hours3 min
Publishing30 min per platform10 seconds
Ships in harbor are safe, but that's not what ships are built for.
DayDreamers
Challenge 13 / 14
12 — Final Challenge

Your Turn: Go Live

Put everything together. Use your design system, generate your content, and publish a real LinkedIn post about your project — right now.

🚀 The Challenge

  1. Use your design system from Stitch as the brand foundation
  2. Generate or write your LinkedIn post content (AI or manual)
  3. Edit to add your personal voice — the AI gets you 80%, you add the last 20%
  4. Attach an image (Gemini-generated or HTML template screenshot)
  5. Publish to LinkedIn — copy/paste, use our tool, or build your own

Option A

Use the DayDreamers tool to generate and post directly

Option B

Generate with your favorite AI tool (ChatGPT, Claude, Gemini, etc.) and paste into LinkedIn

Option C

Build your own tool — fork the repo or scaffold with Lovable

✅ Success Looks Like

A live LinkedIn post about your project, with your brand colors, proper formatting, and your voice. How you got there doesn't matter.

💡 Bonus Points

Post to multiple channels (LinkedIn + X) with adapted messaging, or automate the pipeline with the Upload-Post API.

💬 Reflect & Share

In your LinkedIn post or in the group, share: What was your biggest takeaway from this session? What will you do differently when promoting your next project?

Don't just learn it. Ship it. Today.
DayDreamers
Feedback 14 / 14
13 — Feedback

Share Your Feedback

05:00
Timer
05:00

Have any questions? Just ask the instructor in the chat.