Sizzle brand restyle: palette, blue/green accents, light-blue background#1670
Open
sohni-tagirisa wants to merge 3 commits into
Open
Sizzle brand restyle: palette, blue/green accents, light-blue background#1670sohni-tagirisa wants to merge 3 commits into
sohni-tagirisa wants to merge 3 commits into
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) <noreply@anthropic.com>
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) <noreply@anthropic.com>
…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) <noreply@anthropic.com>
This was referenced Jun 19, 2026
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