Skip to content

feat: StylePreset-aware asset generation with multi-layout OG#4

Merged
jadru merged 3 commits into
mainfrom
fix-dark-hero-colors
Feb 16, 2026
Merged

feat: StylePreset-aware asset generation with multi-layout OG#4
jadru merged 3 commits into
mainfrom
fix-dark-hero-colors

Conversation

@jadru

@jadru jadru commented Feb 14, 2026

Copy link
Copy Markdown
Owner

Summary

  • Implement style resolver that maps 8 presets to distinct visual outputs (OG layouts, fonts, backgrounds, shadows)
  • Multi-layout OG generation: centered, left-aligned, centered-large-text, grid-balanced with preset-specific fonts from Google Fonts CDN
  • SVG icon gradients, drop shadows, and corner radius masking for cohesive brand asset styling
  • When users regenerate assets, each preset (Notion Minimal→Duolingo Playful) now produces visually distinct favicons, app icons, and splash screens

Testing

  • Verify 8 presets generate with distinct OG backgrounds/layouts/fonts
  • Test AI icon generation with gradient fills and shadow effects
  • Confirm splash screens support both solid and gradient backgrounds
  • Check Android adaptive icons render with preset gradients

🤖 Generated with Claude Code

…OG images

- Create lib/assets/style-resolver.ts: slug-based mapping layer translating preset free-text fields (og_layout, og_background, og_typography, shadow_style, color_mode) into concrete satori/sharp styles
- Enhance lib/assets/og-image.tsx: 4 layout variants (centered, left-aligned, centered-large-text, grid-balanced), multi-font loading from Google Fonts CDN (Inter, Geist, Plus Jakarta Sans, Nunito), gradient/dark backgrounds, glassmorphism simulation
- Extend lib/utils/image.ts: SVG icons with <linearGradient> and <feDropShadow> filters for preset-aware styling, corner_radius masking for AI-generated icons
- Add color utilities: darkenHex, lightenHex, hexToRgba for HSL-based color manipulation
- Update lib/assets/splash-screen.ts and app-icons.ts: support gradient backgrounds and preset styling
- Wire brandProfile through favicon, app-icons, and pipeline for complete preset integration

When users click "다시 생성", each of 8 style presets (Notion Minimal, Airbnb 3D, Stripe Gradient, Linear Dark, Vercel Sharp, Glassmorphism, Duolingo Playful, Figma Clean) now produces visually distinct OG images, favicons, app icons, and splash screens.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@vercel

vercel Bot commented Feb 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
brand-kit Ready Ready Preview, Comment Feb 16, 2026 7:49am

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

…ation order)

- Remove unused imports: Link, redirect, FolderOpen, X
- Use `type` keyword for type-only NextRequest imports
- Move handleClose/handleDismiss declarations before handleKeyDown to fix accessed-before-declared errors
- Remove unused catch binding variable

Co-Authored-By: Claude Opus 4.6 <[email protected]>
Dashboard pages call createClient() for auth, which requires Supabase
env vars unavailable during static generation at build time.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@jadru
jadru merged commit 73c1318 into main Feb 16, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant