diff --git a/docs/superpowers/specs/2026-04-24-cameleer-website-copy-refresh-design.md b/docs/superpowers/specs/2026-04-24-cameleer-website-copy-refresh-design.md new file mode 100644 index 0000000..92be360 --- /dev/null +++ b/docs/superpowers/specs/2026-04-24-cameleer-website-copy-refresh-design.md @@ -0,0 +1,244 @@ +# Cameleer website — copy + brand refresh spec + +**Date**: 2026-04-24 +**Status**: Approved for implementation planning +**Project**: `cameleer-website` +**Supersedes sections of**: `2026-04-24-cameleer-website-design.md` — copy, logo, and tone only. Architecture, auth flow, hosting, and tech stack from the original spec remain in force. + +--- + +## 1. Overview + +The current marketing site sells Cameleer as **"zero-code observability for Apache Camel"**. This underrepresents the product: Cameleer is a **hosted runtime platform for Apache Camel** — the place you actually run your integrations, with deep tracing, replay, and live control baked in. Comparable to Mulesoft CloudHub in category, for teams who chose Apache Camel specifically to stay open and avoid vendor lock-in. + +This spec refreshes the homepage copy, tone, and brand mark to match that positioning. Three goals: + +1. Reposition from "observability tool" to "hosted Camel runtime with observability baked in". +2. Lighten the tone — less technical jargon, more outcome-focused language, two strategic humor pops. +3. Replace the placeholder topographic-wave icon with the real Cameleer product logo (camel + cameleer figure + compass rose on desert waves, amber). + +No architecture changes. No new pages. No new dependencies. Pure content + asset refresh. + +--- + +## 2. Positioning + +### 2.1 New thesis + +**Run Apache Camel without running Apache Camel.** + +Cameleer is the hosted home for your Camel integrations — with deep tracing, replay, and live control built in. Because you chose Camel to stay free, not to stay up all night. + +### 2.2 Rotating Hero positioning lines + +Three lines rotate slowly in the Hero subline area: + +1. **Run Apache Camel without running Apache Camel.** +2. **Camel integrations, minus the baggage.** +3. **Your camels, our caravan. You just ride.** + +**Rotation behavior:** +- Fade swap every ~10 seconds (8s static + 2s fade). +- Paused on hover and on focus within the Hero. +- If `prefers-reduced-motion: reduce` is set — render the first line only, no rotation, no JS. +- Initial render shows line 1 so the critical content is meaningful without JS. +- Implementation: small inline `