mike
0925d2b82d
Add 'Proof, from the field' section — real before/after work + client testimonials
...
Two case studies pulled from the reference build: Innovative Aluminum Systems
(dealer pricing tool) and OnDek Vinyl Worx (customer order form), each showing a
before/after screenshot pair plus the client's quote and headshot. Side-by-side
with an arrow on desktop; stacks with the arrow hidden on mobile. Framed to OC's
adoption thesis (systems stick because the people were brought along). Assets in
assets/work/ + assets/people/.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 12:45:57 -07:00
mike
2113694308
Add social share card (og:image) + summary_large_image
...
Brand-accurate 1200x630 OG card (paper bg, navy serif headline, amber accent,
navy footer band). Wires og:image/twitter:image so shared links render a card
on LinkedIn/iMessage/Slack instead of a blank preview. SVG source kept alongside.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 11:52:01 -07:00
mike
1f2e84658d
Flip expanded menu theme at the text's leading edge, not panel midpoint
...
The mobile menu links are top-anchored, so the panel's vertical midpoint sits
well below them. Triggering the light/dark flip at that midpoint meant the dark
boundary had already risen past the text before the switch fired. Probe the
lowest link's bottom edge instead so the fade lands as the boundary reaches the
text — matching how the thin nav bar flips at its own content.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 11:09:38 -07:00
fcfbfd8817
OC nav flip: independent per-area detection (bar + menu read their own bg, re-check on open) + fade transitions
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 10:52:13 -07:00
3267a6e8cc
OC nav: adaptive — nav + mobile menu flip to dark frosted with light text over dark sections
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 07:47:04 -07:00
0c42369220
OC nav: move mobile dropdown out of the backdrop-filtered nav so its own glass (backdrop-filter) actually blurs the page — fixes missing frosted effect on the open menu
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 07:21:38 -07:00
651d429645
OC: SEO/GEO scaffolding — JSON-LD (ProfessionalService + NAP), OG/Twitter, canonical, robots.txt, sitemap.xml, SVG favicon
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 06:25:44 -07:00
049e9aec11
OC nav: match Manus — always-white frosted glass, small no-wrap desktop links + smaller CTA, hamburger->circle mobile menu with CTA inside the dropdown
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-17 06:15:57 -07:00
d2f80b1565
OC footer: exact match to Manus build (footer-bg watermark svg + scaled content block on mobile, align-items center, logo 28/21px)
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 14:45:21 -07:00
aeb57c0a01
OC: correct the diagram to the real model — interlocking drama (Persecutor/Rescuer/Victim) + empowerment (Creator/Challenger/Coach) triangles with proper transformation pairings
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 12:47:05 -07:00
3661d41eee
OC footer: image-based watermark (no aspect-ratio width-blowout); mobile content-driven height with logo anchored bottom — fixes 640px horizontal overflow
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 12:07:06 -07:00
207e14c1d9
OC mobile: fix horizontal overflow — in-flow footer content (flex, wraps), body overflow-x hidden, collapse mobile nav to logo+CTA
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 12:01:24 -07:00
f43dd5bf78
OC footer: match reference content (~98px) — drop phone line, tighten so it fits the 4:1 logo-sized footer at phone widths
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 11:43:05 -07:00
06a6fce82b
OC footer: full bg logo on all viewports (no clip/cover), compact low-anchored content
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 11:40:45 -07:00
1693c97f65
OC footer: height = bg logo (aspect-ratio 4:1), no padding/min-height; mobile lets content drive height with logo covering — fixes empty gap
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 11:16:49 -07:00
5b287335df
OC: match reference layout — full-width sections w/ 48px padding, left-aligned ~600px content column, reading max-widths (was centered 1100 column)
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 10:55:13 -07:00
c0fef0e18e
OC footer: full-bleed open watermark (img drives height, ~4:1), content overlaid bottom-left — matches reference geometry
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 10:47:42 -07:00
c6a32665be
OC: match reference exactly — Playfair 400 headlines, DM Sans 400 wide-tracked UI, navy #0F1729, bg #F7F4EF, small squared buttons
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 10:05:32 -07:00
2701d617a1
OC footer: taller navy anchor, larger 'open' watermark (white svg, lighter render), tuned content scale
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 09:46:46 -07:00
7a52ad6b11
OC: rebuild to match reference — light/cream main theme, Playfair + amber-italic headlines, Lora body, squared amber buttons, navy statement band + footer anchor with open watermark
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 09:29:37 -07:00
fb44bc8a15
OC: restore reference color scheme (navy + amber + glass); keep real logo + pattern
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 08:53:21 -07:00
a054a4fe91
OC: adopt real 2026 brand — monochrome palette, official open-communications logo (adaptive via CSS mask), geometric pattern motif; drop placeholder amber
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 08:00:43 -07:00
7fc9b20673
OC: a11y polish — scroll-margin for anchored sections
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 07:54:31 -07:00
59e04ad6f8
OC: add drama -> empowerment triangle diagram
...
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 07:49:16 -07:00
2bf8ff5b2c
OC site: frosted-glass adaptive design (staging prototype)
...
Open Communications homepage rebuilt clean (no Tailwind/React bloat):
adaptive light/dark frosted-glass nav, Playfair/DM Sans/Lora, navy+amber,
bot-protected click-to-call. For sovereign OVH (Gitea -> Coolify) staging.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com >
2026-06-16 07:33:47 -07:00
mike
Michael Victory