EPIC: Brand consistency with Sizzle (wordmark text style + colors)#1666
Merged
sohni-tagirisa merged 11 commits intoJun 23, 2026
Conversation
Track the work to align the PromptDriven.ai web UI with the cleaner branding choices on the Sizzle site (logo, brand color tokens, header wordmark). Sub-PRs target this epic branch. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Per updated direction: keep the existing glowing logo and only match Sizzle's wordmark text style + clean look. Drops the logo-swap sub-PR. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
This was referenced Jun 19, 2026
Restyle the live header wordmark (rendered inline in App.tsx, not the unused components/Header.tsx): the bold-white "Prompt Driven" heading becomes Sizzle's lockup — a semibold sans brand-sleet wordmark "PromptDriven.ai" beside a tiny, wide-tracked, uppercase mono brand-cyan descriptor "Prompt Driven Development". Aligns the page <title>. Existing logo kept. Depends on the brand-* tokens (sub-PR #1668). Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Adds the PromptDriven brand palette (cyan #00d8ff, navy, graphite, magenta, purple, green, sleet, mute) to the inline Tailwind config so the header and future UI can share one identity with the Sizzle site. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
…ight-blue background Aligns pdd/frontend with the PromptDriven Brand Guidelines v1.4 (§3) and the Sizzle look, replacing the legacy gold/yellow accent throughout: - Header: Sizzle wordmark lockup (brand-sleet semibold + mono brand-cyan descriptor), aligned <title>; existing logo kept. - Brand palette: full §3 token set (Electric-Cyan, Deep-Navy, Lumen-Purple, Prompt-Magenta, Light-Sleet, Graphite-900, Build-Green(+700), Diff-Yellow, Break-Red) added to the Tailwind config. - Accents: gold/yellow removed app-wide (43 files). Green (Build-Green) for structure/borders/icons; blue (Electric-Cyan) for active/selected states, toggles, and graph-edge selection; existing blue kept for primary actions. - Background: Deep-Navy base with brand Electric-Cyan + Lumen-Purple radial "light-blue" glows (.app-bg). - White glow shadows on active controls, nav container, and glass panels. No pink in any rendered surface (the magenta brand token remains defined per spec but unused). Live header is in App.tsx; components/Header.tsx unused. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Brings the redesigned 'pdd connect' interface (from #1611 / issue #1606) into the Sizzle brand-consistency epic: StatusReporter-based status messaging, cli_theme integration, and refreshed connect prompt + docs. Excludes the stale architecture.json churn from #1611 (it was based on an older main and would revert routing_policy entries). Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Rewrites the five view-header subtitles (Dev Units, Bug Investigation, PR Fix, Change Request, Settings) from generic 'Automatically…' filler into the confident, concrete, declarative voice used on the Sizzle landing page (video.promptdriven.ai/sizzle). Text only — no color or layout changes (those belong to sibling PR #1670). Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Sizzle brand restyle: palette, blue/green accents, light-blue background
Sizzle brand: pdd connect redesign (StatusReporter + cli_theme)
Sizzle brand: match Sizzle's professional voice in app copy
sohni-tagirisa
added a commit
that referenced
this pull request
Jun 23, 2026
Consolidates the Sizzle brand epic (#1666) under the frontend-ui-polish epic (#1720), alongside the three polish sub-PRs (#1717/#1718/#1719). Conflict policy: Sizzle brand palette (cyan/green/glow, wordmark restyle) supersedes the now-retired gold that #1717 tokenized. The #1718 toast and #1719 accessibility attributes are preserved on top of the new palette (aria-hidden re-applied where it overlapped a recolored icon line). Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
3 tasks
Brings the three polish sub-PRs (#1717 tokens / #1718 toast / #1719 a11y) onto the Sizzle brand branch so #1666 merges cleanly into the epic. Resolution: Sizzle palette wins over retired gold; toast + a11y preserved. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Epic: brand consistency with Sizzle
The Sizzle site made a cleaner, more consistent visual choice than the main promptdriven.ai UI. Since Sizzle is a PromptDriven.ai product, the two surfaces should share one visual identity. This epic ports that look into
pdd/frontend, aligned to the Brand Guidelines v1.4 (§3 Color Palette). The existing (glowing cyan) logo is kept.Status: all three sub-PRs are merged into
epic/sizzle-brand-consistency. This epic is ready to merge intomain.Net diff: +456 / −213 across 48 files.
What changed
1. Brand restyle — palette, accents, background (#1670, merged)
App.tsx,Header.tsx,index.html).pdd/frontend/components/*(modals, nodes, panels, selectors, badges, toolbars).data/mockPrompts.ts,lib/batchUtils.ts) and the epic design doc (docs/epics/sizzle-brand-consistency.md).2. pdd connect redesign (#1706, merged)
pdd/prompts/commands/connect_python.promptreworked to useStatusReporterprimitives (from_context,status.start/step/waiting/success/failure) and thecli_themeconsole, replacing ad-hocclick.echo()/click.style()calls with semantic status vocabulary and Rich markup roles.docs/design/status-messaging.mdrecordsconnectas an adopter;context/cli_theme_example.pyandcontext/cli_status_example.pyadded as canonical usage examples.pdd connectredesign #1606 / feat: pdd connect redesign — StatusReporter and cli_theme integration (#1606) #1611 (EPIC Design refresh follow-up: default CLI styling and sync animation #1560 Workstream 4). Stalearchitecture.jsonchurn excluded.3. Match Sizzle's professional voice (#1708, merged)
pdd/frontend(App.tsx) from generic "Automatically…" filler into Sizzle's confident, concrete, declarative tone. Text only — no color/layout changes.Superseded / lineage
pdd connectredesign #1606 / feat: pdd connect redesign — StatusReporter and cli_theme integration (#1606) #1611 (EPIC Design refresh follow-up: default CLI styling and sync animation #1560, Workstream 4), re-homed here as Sizzle brand: pdd connect redesign (StatusReporter + cli_theme) #1706. feat: pdd connect redesign — StatusReporter and cli_theme integration (#1606) #1611 (→main) is now superseded by the merged Sizzle brand: pdd connect redesign (StatusReporter + cli_theme) #1706 and can be closed.🤖 Generated with Claude Code