Website
This is the spec for the orangerabbit.live umbrella site. Two artifacts:
- HiFi mockup — a real, browser-renderable single-file HTML build of the proposed home page. Faithful to the brand book. The designer riffs from this.
- Designer Brief — what’s load-bearing vs what’s open for refinement, and the deliverables we’d love back.
Information architecture (single page, sectioned)
In order from top to bottom:
- Sticky nav — ORP mini logo + 5 anchor links (Network · Sporeyverse · Passport · Events · About) + “Enter the Portal” CTA pill.
- Hero — Tiger Flame full-bleed. Eyebrow “Follow the Orange Rabbit”, display H1, warm subhead, 2 CTAs (Enter the Portal / Find the next event), live event ticker at the bottom edge.
- Stats strip — 2,400+ members · 350+ avg attendees · 7 years · 88% engagement.
- The Network — four subspace cards. Vegas Crypto Group is the 7-col flagship; Sporeyverse is the 5-col dark inverse; Passport + Paradise are paired 6-col cards.
- Adjacent ventures — 5-column grid of smaller cards (Inform Empower, InNOutCrypto, SporeBaby, Vegas Nexus, GoTripArt).
- Inside the Portal — dark Onyx feature grid (6 features: Events feed · XP & badges · Writers Room · Drops & rewards · Leaderboard · Voice memos).
- Sponsor wall — equal-tile grid of the 10 sponsors.
- Founder block — Mike portrait left, bio + quote + credentials + social pills right.
- Events — 3 next-event cards (Multi-chain Mondays · Crypto Crawl · Tech Alley AI Film Night).
- CTA block — Tiger Flame bookend. “Spot the rabbit. Scan. Belong.” with Join + Apply CTAs.
- Footer — Onyx. The Network · Ventures · Connect columns. “Powered by Clikkin” tagline.
Why a single page
- Verbal handoff at events. Mike yells one URL; visitors get the whole story without navigation.
- Sponsor diligence. A prospect can scroll once and see the whole network, the credibility, the founder, the sponsor list, and the next events.
- SEO + performance. One canonical URL collects every backlink and concentrates ranking signal.
- Maintenance. Mike’s documented pain is too-many-surfaces. We don’t add 12 marketing pages to maintain.
If a property eventually outgrows its subspace card, it gets a dedicated subpage at /network/vegas-crypto-group etc. — the IA leaves room.
Production target
Once the design is locked, port the page into the existing clikkin-network-website-template (Astro 5 + Tailwind v4 + React islands; deployed via Cloudflare Pages). Manifest-driven — the hifi maps cleanly to the existing BaseLayout / Section / Slot primitives. Estimated engineering: ~1.5 days for the static port + ~0.5 day for the Events feed wiring.
Open the hifi
Open the hifi inside this portal · Open the hifi standalone in a new tab