Smeron
Cybersecurity platform

Vulfosec

A bug bounty marketplace and corporate site for a cybersecurity firm, with fluid GSAP motion throughout.

  • Bug bounty marketplace
  • Web design
  • GSAP
  • Vulfosec — screen 1
  • Vulfosec — screen 2
  • Vulfosec — screen 3

Technologies used

  • Next.js
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Framer Motion
  • Aceternity UI

Design system

Type scale

motion-xl
Helvetica · 64px · 900
motion-lg
Helvetica · 32px · 800
body-tech
Helvetica · 16px · 400
tech-mono
Helvetica · 12px · 400

Colour

  • Primary Blue#0052cc
  • Deep Navy#0a192f
  • Ice White#f0f4f8

Spacing

tight · 8px
Micro-interaction gap
base · 16px
Standard UI flow
wide · 32px
Content breathing room
macro · 120px
Section velocity break
Next projectFonda.co
Read case study