Skip to content

ASSET-PRIORITY-LIST.md

Latest commit

 

History

History
307 lines (228 loc) · 9.42 KB

ASSET-PRIORITY-LIST.md

File metadata and controls

307 lines (228 loc) · 9.42 KB

The First Spark - Asset Priority List

Status: Code complete, awaiting visual assets for deployment Last Updated: January 23, 2025

🔴 CRITICAL (Must Have Before Launch)

1. Favicon Package

Why Critical: Broken favicon = unprofessional in browser tabs What to Create:

  • favicon.ico (16x16, 32x32, 48x48 multi-size)
  • apple-touch-icon.png (180x180px)

Quick Solution:

  • Use https://realfavicongenerator.net
  • Upload a simple logo/icon (can be basic geometric shape with TFS colors)
  • Download the package, place files in root directory

Time Estimate: 10 minutes

2. Open Graph Images

Why Critical: When shared on social media, missing OG images = broken previews What to Create:

  • /assets/images/og-image.jpg (1200x630px) - for index.html (investor page)
  • /assets/images/sparkverse-og.jpg (1200x630px) - for sparkverse.html (member page)

Content Suggestions:

  • Investor OG Image: "THE FIRST SPARK | $200K Raise | 50+ Tools Built" with cosmic background
  • Member OG Image: "THE SPARKVERSE | 50+ Consciousness Tools | Start Free" with cosmic background

Design Requirements:

  • Cosmic brutalism aesthetic (black background, electric blue/cyan/magenta)
  • Large, bold text (readable at small sizes)
  • Minimal graphics (sacred geometry accents optional)

Tools to Use:

  • Canva (free, templates available)
  • Figma (free, full control)
  • Photoshop/GIMP (if you have design skills)

Time Estimate: 30-60 minutes for both

3. Logo

Why Critical: Referenced in structured data, footer branding, general site credibility What to Create:

  • /assets/images/logo.png (500x500px minimum, transparent background)

Design Suggestions:

  • Simple geometric shape (diamond ◇, spark ⚡, or sacred geometry symbol)
  • Electric blue (#00d4ff) or neon cyan (#00ffff) on transparent background
  • Monospace/bold font if including "TFS" text
  • Should work at small sizes (64x64) and large (500x500)

Quick Solution:

  • Even a simple electric blue diamond with "TFS" text would work
  • Can be upgraded later without breaking anything

Time Estimate: 20-40 minutes

4. SEO Files (robots.txt & sitemap.xml)

Why Critical: Search engines need these to properly index your site What to Create:

  • robots.txt (root directory)
  • sitemap.xml (root directory)

I can generate these for you automatically - they're just text files

Time Estimate: 5 minutes (I'll do this)

🟡 HIGH PRIORITY (Should Have Soon After Launch)

5. Tool Screenshots (5-10 Key Tools)

Why Important: Converts skeptics into believers by showing real product What to Create:

  • Screenshots of 5-10 most impressive tools
  • 1920x1080px or 16:9 aspect ratio
  • Compress before uploading (use TinyPNG.com)

Which Tools to Screenshot First:

  1. Daily Reset Protocol (daily-reset.html)
  2. Spark Protocol (spark-protocol.html)
  3. Soul Map Navigator (soul-map.html)
  4. Sovereignty Dashboard (sovereignty-dashboard.html)
  5. Battle Arena (spark-battle-arena.html)

How to Capture:

  • Open tool in browser
  • Enter demo data to make it look populated
  • Take full-page screenshot (use browser extension or snipping tool)
  • Crop to best visual representation
  • Compress image

File Naming:

  • daily-reset-screenshot.png
  • spark-protocol-screenshot.png
  • etc.

Time Estimate: 2-3 hours for 10 tools

6. Book Zero Cover Image

Why Important: Featured on investor page, adds credibility What to Create:

  • /assets/images/book-zero-cover.jpg or .png
  • Standard book cover dimensions (1600x2560px for ebook)
  • Can also use square format (1200x1200px) for web display

Design Requirements:

  • Title: "BOOK ZERO"
  • Subtitle: "From Trauma to Awakening"
  • Author: "Katelin Jill Puzakulics"
  • Cosmic aesthetic matching website theme

Quick Solution:

  • Use Canva book cover template
  • Customize with TFS colors and aesthetic
  • Export as JPG

Time Estimate: 1-2 hours

🟢 NICE TO HAVE (Post-Launch Enhancements)

7. Animated Tool GIFs

Why Nice: Shows tools in action, better than static screenshots What to Create:

  • 5-10 second looping GIFs of key tools being used
  • Optimized file size (<2MB each)

Tools to Use:

  • LICEcap (free screen recorder for GIFs)
  • ScreenToGif (free, Windows)
  • Ezgif.com (for optimization)

Time Estimate: 3-4 hours for 5 tools

8. Brand Graphics Pack

Why Nice: Consistent visual identity across all materials What to Create:

  • Social media profile images (square, 400x400px)
  • Email signature logo
  • Discord/community server icons
  • Whop storefront banners

Time Estimate: 2-3 hours

9. Member Testimonial Images

Why Nice: Social proof builds trust What to Create:

  • Screenshots of testimonials (if you have written ones)
  • Member profile images (if you have permission)
  • Design: Quote cards with TFS branding

Time Estimate: 1-2 hours (depends on testimonial collection)

📋 PRIORITY ACTION PLAN

Phase 1: Minimum Viable Launch (4-6 hours)

  1. ✅ Create favicon package (10 min)
  2. ✅ Create 2 Open Graph images (1 hour)
  3. ✅ Create simple logo (30 min)
  4. ✅ Generate robots.txt & sitemap.xml (5 min - I'll do this)
  5. ✅ Deploy to staging to test (30 min)
  6. ✅ Fix any broken image paths (30 min)
  7. ✅ Deploy to production (30 min)

Phase 2: Professional Polish (6-8 hours) 8. ✅ Add 5 key tool screenshots 9. ✅ Add Book Zero cover 10. ✅ Test on mobile devices 11. ✅ Run Lighthouse audit 12. ✅ Share on social media

Phase 3: Growth Assets (8-10 hours) 13. ✅ Create animated GIFs 14. ✅ Build brand graphics pack 15. ✅ Collect and design testimonials

🎨 DESIGN TOOLS & RESOURCES

Free Design Tools:

Image Optimization:

Favicon Generator:

Screenshot Tools:

  • Windows Snipping Tool (built-in)
  • Awesome Screenshot (browser extension)
  • GoFullPage (full-page screenshots)

GIF Creation:

🎯 RECOMMENDED FIRST TASK

If you can only do ONE thing right now:

Create the 2 Open Graph images (og-image.jpg and sparkverse-og.jpg). Here's why:

  • These show up when you share links on social media, Discord, Slack, etc.
  • Missing OG images = broken/ugly link previews = lost credibility
  • Takes 30-60 minutes total
  • Has the biggest impact on first impressions

Quick Canva Template Approach:

  1. Sign up for Canva (free)
  2. Search for "Facebook Post" template (automatically 1200x630px)
  3. Use dark/black background
  4. Add large text: "THE FIRST SPARK"
  5. Add subtitle: "$200K Raise | 50+ Tools Built"
  6. Add some geometric shapes in electric blue/cyan
  7. Export as JPG
  8. Repeat for Sparkverse version

Takes 15-20 minutes per image if you keep it simple.

📊 LAUNCH READINESS CHECKLIST

  • Favicon package in root directory
  • 2 Open Graph images in /assets/images/
  • Logo in /assets/images/
  • robots.txt in root directory
  • sitemap.xml in root directory
  • Test all links on live site
  • Test mobile responsive design
  • Run Lighthouse audit (score >80)
  • Share link to verify OG images work

Once these 9 items are checked, you're ACTUALLY ready to deploy.

💡 SHORTCUTS & HACKS

Don't Have Design Skills?

  • Option 1: Use AI image generators (DALL-E, Midjourney, Stable Diffusion) with prompt: "cosmic brutalism design, electric blue and magenta, sacred geometry, dark background"
  • Option 2: Hire on Fiverr ($5-25 for logo/OG images)
  • Option 3: Use Canva templates and just change colors to TFS palette

Don't Have Time Right Now?

  • Temporary Solution: Use simple text-based images (black background, white text, logo as text "◇ TFS ◇")
  • Works for: Getting the site live while you work on better assets
  • Upgrade Later: Replace placeholder images without changing any code

Want to Skip Tool Screenshots for Now?

  • Alternative: The placeholder boxes actually look intentional with the brutalist design
  • Add Later: Can launch without them, add as you create them
  • Doesn't Block: Not critical for initial launch

🚀 NEXT STEPS

  1. Tell me which phase you want to tackle:

    • Phase 1 (MVP launch) - I can generate the SEO files right now
    • Phase 2 (professional polish) - I can help with file organization
    • Phase 3 (growth assets) - I can create templates/guidelines

  2. Or tell me your timeline:

    • "I want to launch in 24 hours" → Focus on Phase 1 only
    • "I want to launch this week" → Do Phase 1 + Phase 2
    • "I have time to do it right" → All 3 phases

  3. Or ask me to:

    • Generate the SEO files (robots.txt, sitemap.xml) now
    • Create image dimension guides/templates
    • Help with Canva setup instructions
    • Prioritize differently based on your skills

Bottom Line: You need 4-6 hours of asset creation work before this site is truly launch-ready. The good news? The code is 100% done. It's just graphics now.

Want me to start generating the text-based files (robots.txt, sitemap.xml) while you work on the visual assets?