DEV Community

Cover image for πŸ‘» Crypto Crypt β€” Halloween Landing Page
MD ARIFUL HAQUE
MD ARIFUL HAQUE

Posted on

πŸ‘» Crypto Crypt β€” Halloween Landing Page

Frontend Challenge Perfect Landing Submission πŸ¦‡πŸŽƒ

This is a submission for Frontend Challenge - Halloween Edition, Perfect Landing

πŸ•ΈοΈ What I Built

Crypto Crypt is a spooky-themed Halloween landing page blending cryptocurrency vibes with dark gothic aesthetics β€” where crypto meets the crypt.

The page features a modern layout, interactive elements, glowing effects, and Halloween-inspired design components like pumpkins, bats, and mist animations β€” all carefully balanced to maintain both a professional and mysterious look.

⚑ Tech Stack

  • HTML5 / CSS3 / JavaScript (Vanilla)
  • Responsive Layout (Fully mobile-friendly)
  • Custom Animations (using keyframes and transitions)
  • CodePen for live preview
  • GitHub Repository for source code

πŸŽƒ Demo

πŸ§ͺ Live Preview: https://codepen.io/mah-shamim/full/GgoBojo

πŸ’» Source Code: GitHub Repository β†’ mah-shamim/crypto-crypt

πŸ–ΌοΈ Screenshot Preview: Crypto Crypt Preview


πŸ§™ Journey

This project started as an experiment to merge two distinct worlds β€” blockchain visuals and Halloween horror design.

I focused on:

  • Creating an eerie yet sleek landing experience.
  • Using pure HTML/CSS/JS, without heavy frameworks.
  • Keeping the animations lightweight and performance-friendly.
  • Designing responsive typography and dark mode gradients that evoke mystery.

🧩 What I Learned

  • Fine-tuning CSS animations and transitions for mood-based effects.
  • Structuring aesthetic landing pages using semantic HTML.
  • Managing color contrast and glow effects for dark themes.
  • Emphasizing creative presentation without overloading code.

🏁 What’s Next

I plan to:

  • Add a spooky background music toggle.
  • Integrate cryptocurrency-inspired hover effects (like floating tokens).
  • Publish it as a reusable landing page template for future themed events.

πŸ’€ Credits & License


πŸ•·οΈ Happy Halloween!

β€œWhere Crypto Meets the Crypt β€” Enter if You Dare.” πŸ•―οΈ

Top comments (0)