admin
a665368d02
UI: unify H1 size, eyebrow style, card radius and hover transform
...
Visual consistency pass so every page feels familiar.
H1 token (clamp(34px, 4vw, 56px) / line-height 1.05 / letter-spacing
-0.04em):
- typography.css: hero H1 was 50.2px fixed (with 40px/38px breakpoints).
- BookingPage: was clamp(32px, 4vw, 52px).
Service-, About-, Pricing-, Legal-page H1s already matched.
Shared .eyebrow utility (typography.css):
- 13px, green, uppercase, 700, 0.08em letter-spacing.
- Replaces the bespoke .service-eyebrow (14px) and .instagram-kicker
(11px green pill).
- The yellow 28px .service-highlight-eyebrow now inherits the same
utility — the eyebrow line is no longer competing with the H2
underneath. Local rule kept only for the bottom-margin override.
Card border-radius unified to 28px:
- sections.css .service-card: 20px → 28px
- sections.css .value-card: 16px → 28px
- sections.css .testimonial-card: 20px → 28px
- TestimonialsSection .testimonial-stage: 24px → 28px
- AboutPage .about-section-gradient + .about-contact-card: 36px → 28px
- LegalPage .legal-card: 32px → 28px (mobile 24px → 28px)
- InstagramSection .instagram-panel: 24px → 28px
- PricingPage .meet-greet-prompt: 24px → 28px (mobile 20px → 28px)
Modal dialogs left at 24px (different visual class — overlay, not
inline content card).
Card hover transform unified to translateY(-6px) scale(1.012):
- sections.css .service-card: -6px / 1.01 → 1.012
- sections.css .value-card: -5px (no scale) → -6px / 1.012
- sections.css .testimonial-card: -4px (no scale) → -6px / 1.012
- ServiceLandingPage .service-plan-card / .service-benefit-card:
-8px → -6px
- PricingPage .pricing-plan-card: -8px → -6px
- ServiceLandingPage .service-related-card already -6px / 1.012.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com >
2026-05-05 21:23:41 +12:00
admin
65bdc8dc20
- Add "Explore our other services" block to service landing pages
...
with colour-tinted cards + Our Pricing entry (grey "All services" pill)
- Wrap homepage Instagram CTA in <aside aria-label="...">
- Always emit og:image:width/height with 1200x630 fallback when
image metadata is unknown
- Add aria-current="page" to active desktop, mega-menu, and mobile
nav links (exact-path match only — not "Services" parent)
- Richer testimonial alt text derived from dog name in the detail
field (e.g. "Archie, a happy Goodwalk dog walking client...")
- Tier sitemap.xml priorities: home 1.0, services 0.9, pricing 0.8,
about/contact 0.7, legal 0.3 (yearly changefreq)
- Bump to 4.1.0
2026-05-05 08:12:36 +12:00
admin
ponzischeme89