From a2bff59cf11127d19dd3444c2c0dfbfae86dd2a3 Mon Sep 17 00:00:00 2001 From: peptiderepo Date: Sat, 25 Apr 2026 19:47:31 +0000 Subject: [PATCH] =?UTF-8?q?feat:=20brand=20identity=20v1.0.0=20=E2=80=94?= =?UTF-8?q?=20Direction=20C=20Trusted=20Guide=20(theme=20v2.0.0-alpha.1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Implements weeks 1–4 of the CMO brand identity sprint. Complete theme reskin with: - CSS token system (brand.css) with Teal/Lime/Orange palette - Poppins/Inter/IBM Plex Mono font loading - Full favicon/PWA/OG asset pack - 5-state verdict badge + card + evidence row components - verdict_state post meta on pr_peptide CPT with meta box - Affiliate disclosure component (3 contexts: inline, banner, footer) - How we review peptides page template - About & Editorial Standards page template - Footer Our Method links + disclosure - SVG logo support (logo-horizontal.svg inline) - OG image fallback meta tag - Accessibility: role=img on badges, skip-to-content link, prefers-reduced-motion support Theme version bumped to 2.0.0-alpha.1. --- CHANGELOG.md | 67 ++++++++ apple-touch-icon.png | Bin 0 -> 5000 bytes assets/brand/apple-touch-icon.png | Bin 0 -> 5000 bytes assets/brand/favicon-16.png | Bin 0 -> 481 bytes assets/brand/favicon-32.png | Bin 0 -> 906 bytes assets/brand/favicon-48.png | Bin 0 -> 1427 bytes assets/brand/icon-192.png | Bin 0 -> 5298 bytes assets/brand/icon-512.png | Bin 0 -> 15291 bytes assets/brand/logo-horizontal-on-teal.svg | 7 + assets/brand/logo-horizontal-reverse.svg | 7 + assets/brand/logo-horizontal.svg | 7 + assets/brand/logo-mark-small.svg | 5 + assets/brand/logo-mark.svg | 6 + assets/brand/logo-mono.svg | 8 + assets/brand/logo-wordmark-reverse.svg | 3 + assets/brand/logo-wordmark.svg | 3 + assets/brand/og-default.png | Bin 0 -> 35273 bytes assets/brand/og-default.svg | 30 ++++ assets/css/brand.css | 202 +++++++++++++++++++++++ favicon-16.png | Bin 0 -> 481 bytes favicon-32.png | Bin 0 -> 906 bytes favicon-48.png | Bin 0 -> 1427 bytes favicon.ico | Bin 0 -> 485 bytes footer.php | 17 +- functions.php | 6 +- header.php | 13 ++ icon-192.png | Bin 0 -> 5298 bytes icon-512.png | Bin 0 -> 15291 bytes inc/helpers.php | 9 + inc/verdict-meta.php | 179 ++++++++++++++++++++ og-default.png | Bin 0 -> 35273 bytes page-about.php | 45 +++++ page-how-we-review.php | 44 +++++ site.webmanifest | 14 ++ style.css | 2 +- template-parts/affiliate-disclosure.php | 52 ++++++ template-parts/verdict/badge.php | 39 +++++ template-parts/verdict/card.php | 99 +++++++++++ template-parts/verdict/evidence-row.php | 34 ++++ 39 files changed, 894 insertions(+), 4 deletions(-) create mode 100755 apple-touch-icon.png create mode 100755 assets/brand/apple-touch-icon.png create mode 100755 assets/brand/favicon-16.png create mode 100755 assets/brand/favicon-32.png create mode 100755 assets/brand/favicon-48.png create mode 100755 assets/brand/icon-192.png create mode 100755 assets/brand/icon-512.png create mode 100755 assets/brand/logo-horizontal-on-teal.svg create mode 100755 assets/brand/logo-horizontal-reverse.svg create mode 100755 assets/brand/logo-horizontal.svg create mode 100755 assets/brand/logo-mark-small.svg create mode 100755 assets/brand/logo-mark.svg create mode 100755 assets/brand/logo-mono.svg create mode 100755 assets/brand/logo-wordmark-reverse.svg create mode 100755 assets/brand/logo-wordmark.svg create mode 100755 assets/brand/og-default.png create mode 100755 assets/brand/og-default.svg create mode 100644 assets/css/brand.css create mode 100755 favicon-16.png create mode 100755 favicon-32.png create mode 100755 favicon-48.png create mode 100755 favicon.ico create mode 100755 icon-192.png create mode 100755 icon-512.png create mode 100644 inc/verdict-meta.php create mode 100755 og-default.png create mode 100644 page-about.php create mode 100644 page-how-we-review.php create mode 100755 site.webmanifest create mode 100644 template-parts/affiliate-disclosure.php create mode 100644 template-parts/verdict/badge.php create mode 100644 template-parts/verdict/card.php create mode 100644 template-parts/verdict/evidence-row.php diff --git a/CHANGELOG.md b/CHANGELOG.md index 38789ed..e9ec09c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,73 @@ All notable changes to the Peptide Starter Theme are documented in this file. +## [2.0.0-alpha.1] - 2026-04-26 — Brand Identity v1.0.0 (Direction C: Trusted Guide) + +### Added +- Brand identity CSS token system in `assets/css/brand.css` (Direction C palette: Teal/Lime/Orange) +- Poppins + Inter + IBM Plex Mono font loading (Google Fonts) with preload/preconnect +- Full favicon/PWA/OG asset pack from peptide-repo-brand v1.0.0: + - Logo variants: horizontal, horizontal-reverse, horizontal-on-teal, mark, mark-small, wordmark, wordmark-reverse, mono + - Favicons: ICO + PNG 16/32/48, apple-touch-icon + - PWA icons and manifest + - og-default.png (1200×630) for social sharing fallback +- `inc/verdict-meta.php` — Post meta registration for pr_peptide CPT: + - `verdict_state` (required): established|promising|investigational|insufficient|cautionary + - `signal_row_1/2/3` (optional): evidence signal labels + - Meta box in pr_peptide edit screen with sanitization and nonce protection +- Verdict badge component (`template-parts/verdict/badge.php`) with state-specific glyphs +- Verdict card component (`template-parts/verdict/card.php`) for monograph hero with evidence rows +- Evidence signal row sub-component (`template-parts/verdict/evidence-row.php`) +- Affiliate disclosure component (`template-parts/affiliate-disclosure.php`) with 3 contexts: + - Inline (adjacent to links) + - Banner (page-top disclosure) + - Footer (persistent sitewide) +- `page-how-we-review.php` — How We Review Peptides page template with ToC sidebar +- `page-about.php` — About & Editorial Standards page template with disclosure block +- Footer "Our Method" link section pointing to verdict explainer and editorial standards +- Footer affiliate disclosure via template-part (footer context) +- OG image fallback meta tag in header.php (og-default.png) +- Favicon and PWA manifest links in header.php with theme-color +- SVG logo support in header via inline `logo-horizontal.svg` (fallback to text if unavailable) +- Skip-to-content link in header.php (screen reader text) +- Reduced-motion media query in brand.css for button transitions + +### Changed +- `header.php`: Added font preconnect/preload/stylesheet links (Poppins, Inter, IBM Plex Mono) +- `header.php`: Swapped logo function to use inline SVG `logo-horizontal.svg` if available +- `functions.php`: Updated version to 2.0.0-alpha.1 +- `functions.php`: Added `require_once` for new `inc/verdict-meta.php` +- `functions.php`: Enqueued `assets/css/brand.css` before main stylesheet (dependency order) +- `functions.php`: Footer widget area registration extended from 4 to 5 columns +- `footer.php`: Added "Our Method" footer section with two links +- `footer.php`: Integrated affiliate disclosure component (footer context) +- `inc/helpers.php`: Updated `peptide_starter_the_custom_logo()` to prefer SVG logo from `assets/brand/logo-horizontal.svg` + +### Styling +- Brand CSS tokens cascade into existing theme; all new components use semantic token variables +- Verdict states (5-state taxonomy) signaled by color AND glyph AND label (never color-only) +- Lime (`#7FD600`) restricted to badge/button backgrounds with ink foreground (WCAG AA compliant) +- Prefers-reduced-motion honored for chip hover transitions +- All component BEM classes use `.pr-` prefix (brand) or `.ps-` prefix (theme); no collision with plugin prefixes (`.pn-`, `.psa-`, `.prab-`) + +### Accessibility +- Verdict badge component: `role="img"` + `aria-label="Verdict: {State}"` for screen readers +- Glyph marked `aria-hidden="true"` to avoid redundant announcement +- Affiliate disclosure component: `