# Digital TRVST Globe Mark — Palette Sampled directly from the real assets. Two sources, kept separate because they are lit differently — pick the set that matches your surface. ## Primary: photographed card (`official-card.png`) This is the actual embossed gold foil under studio lighting — the same pixels used to build `globe-mark.png`. Sampled from real gold-mask pixels by luminance percentile (not eyeballed), so highlight/shadow are genuine extremes, not noise. | Stop | Hex | RGB | |---|---|---| | Highlight (97th pct value) | `#eab35d` | 234, 179, 93 | | Upper-mid (75th pct) | `#ac7f3b` | 172, 127, 59 | | **Midtone (median — use as base gold)** | **`#946129`** | 148, 97, 41 | | Lower-mid (25th pct) | `#7f5d2d` | 127, 93, 45 | | Shadow (6th pct value) | `#5f3c10` | 95, 60, 16 | Robust averages (top/bottom 3–10% of gold pixels by brightness, for a softer gradient endpoint): | | Hex | RGB | |---|---|---| | Avg brightest 3% | `#f2cc85` | 242, 204, 133 | | Avg dimmest 10% | `#533716` | 83, 55, 22 | **Card black** (sampled from clean card surface, away from foil/text/chip): | | Hex | RGB | |---|---|---| | Card black | `#0a0805` | 10, 8, 5 | ## Cross-reference: flat wordmark (`official-logo.png`, the "V" in TRVST) This is a clean vector-rendered gradient (no studio lighting falloff, no foil-texture shadowing), so it reads brighter and more saturated than the photographed card. Use this set if you want the "pure brand gold" for flat/vector contexts rather than the photographed-metal look. | Stop | Hex | RGB | |---|---|---| | Highlight | `#fdf291` | 253, 242, 145 | | Midtone | `#edd75e` | 237, 215, 94 | | Shadow | `#aa7c1a` | 170, 124, 26 | ## Suggested CSS variables ```css :root { /* photographed-metal gold (matches globe-mark.png / .svg exactly) */ --gold-highlight: #eab35d; --gold-mid: #946129; --gold-shadow: #5f3c10; /* flat/vector brand gold (matches official-logo.png wordmark) */ --gold-flat-highlight: #fdf291; --gold-flat-mid: #edd75e; --gold-flat-shadow: #aa7c1a; --card-black: #0a0805; } .gold-gradient-metal { background: linear-gradient(135deg, var(--gold-highlight), var(--gold-mid) 45%, var(--gold-shadow)); } .gold-gradient-flat { background: linear-gradient(135deg, var(--gold-flat-highlight), var(--gold-flat-mid) 45%, var(--gold-flat-shadow)); } ``` `globe-mark.svg` uses the photographed-metal stops (`#eab35d` → `#946129` → `#5f3c10`) in its embedded `linearGradient`. ## Method - Built an HSV gold mask on `official-card.png` (H 6–28°/2, S ≥ 50, V ≥ 35 on an 8-bit OpenCV HSV image), restricted to the globe region only (wordmark/chip excluded), then percentile-sampled the **Value** channel of the resulting true gold pixels — highlight/midtone/shadow are real pixels from the card, not guesses. - Card black sampled from a flat patch of card surface with no foil, text, or chip in it (x 340–430, y 450–600 in the 967×916 source).