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
π§ 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
- Design & Development: @mah-shamim
- Licensed under the MIT License
π·οΈ Happy Halloween!
βWhere Crypto Meets the Crypt β Enter if You Dare.β π―οΈ

Top comments (0)