ayweb
all projects
WebsiteCyberSpectre · MMU Cybersecurity Club · 2025

CyberSpectre

Brand site for MMU's elite cybersecurity collective — hacker aesthetic, hidden flags, command palette, React + TypeScript + Tailwind.

// live preview

Click around the actual product.

demo.ayweb.app/cyberspectre
// case study

Why CyberSpectre · MMU Cybersecurity Club hired us.

Overview

CyberSpectre is the brand site for Multimedia University's elite cybersecurity club. The brief: a recruiting and presence site that feels as serious as the work — present everywhere, seen nowhere. We delivered a React + TypeScript + Tailwind build with a purple-on-black hacker aesthetic, a global command palette, and ten hidden flags scattered across the site as recruiting puzzles for prospective members.

Problem

University club sites almost always read like template clones — same WordPress theme, same generic stock photos, same forgettable copy. CyberSpectre is selective and serious — the site needed to filter for visitors who'd actually contribute, not just decorate a CV.

Outcome

A site that doubles as a recruiting puzzle. Public surfaces show the club's presence, structure, and past CTF wins. Hidden flags in HTML comments, console logs, and unindexed routes give prospective members something to find. A `/` shortcut opens a command palette across the whole site.

// what shipped

Key features.

  • Command palette accessible from anywhere via `/`
  • Ten hidden flags scattered as recruiting puzzles (HTML comments, console, unindexed routes)
  • Purple-on-black hacker identity with Share Tech Mono accents
  • CTF results and member presence sections
  • Console easter egg on first page load
  • Static deploy, instant load
// for your team

Want a website like this?

Tell us what you're trying to ship. We'll come back inside two business days with a frank assessment and a clear plan.