Software Product marketing site
SuperMan
A long-scroll product site for a free Discord security bot, explaining a technical product through a dark, cinematic story.
- Client
- SuperMan Discord bot
- Sector
- Software
- Our role
- Design and development
- Live at
- superman.wtf
(01)Overview
The brief, in short.
SuperMan is a free security bot for Discord servers that protects against nukes and raids, guards role hierarchy and keeps backups. The website explains what an attack on a server looks like, how the bot detects it, how recovery works and what the admin console offers, then asks visitors to add the bot to their server.
Who it is for: Owners and admins of Discord servers.
(02)What we designed and built
Pages and features.
- Animated hero with sign-in and Add to server buttons
- Detection, engine, recovery and console sections
- A five-stage process section that walks through an attack
- Live-style counters (the figures are the product's own)
- Blog, privacy policy and terms
(03)Responsive views
Desktop and phone.
The full home page as captured from the live site. Hover or tab onto a screen to scroll through it.
(04)Design
Type and colour.
Dark and glassy with a security feel: a wide geometric display face for headlines, monospace for system details, and blue and red accents with a touch of gold.
- #050507
- #0b0b0f
- #3d78ff
- #ff1a40
- #ffbe00
- #f5f5f7
(05)Details
Closer looks.
(06)Build notes
Under the hood.
- Single long-scroll page with section navigation
- Responsive layout for phones and desktops
- Discord sign-in and bot invite links
Result
The site is live at superman.wtf. Screenshots were captured from it in October 2026. Any figures shown on the site, such as unit counts, are the client’s own.
Start here
Want a site built this carefully?
Send a few lines about the business and what you want to change. We reply within one business day with questions or a suggested next step.