Sizzle brand restyle: palette, blue/green accents, light-blue background#1670
Merged
sohni-tagirisa merged 3 commits intoJun 22, 2026
Merged
Conversation
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]>
This was referenced Jun 19, 2026
sohni-tagirisa
added a commit
that referenced
this pull request
Jun 22, 2026
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]>
sohni-tagirisa
merged commit bd341d9
into
epic/sizzle-brand-consistency
0 of 2 checks passed
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.
Sub-PR of #1666 — Sizzle brand restyle (palette · blue/green accents · light-blue background)
Targets
epic/sizzle-brand-consistency(notmain). This is the full approved look (reviewed live in the dev server) and supersedes #1668 (colors) + #1669 (header) — it contains both plus the accent recolor and background.What changes (43 files,
pdd/frontend)App.tsx): semiboldbrand-sleetPromptDriven.ai+ tiny mono-uppercasebrand-cyandescriptor; aligned<title>. Existing logo kept.Build-Green) for structure (borders, icon tiles), blue (Electric-Cyan) for active/selected states, toggles, and graph-edge selection. Existing blue kept for primary actions. No pink on any rendered surface..app-bg).Notes
heal/auto-healred = paid PDD Cloud gate, unrelated to this frontend-only change.🤖 Generated with Claude Code