A minimalist, high-stakes financial simulation built with a focus on elegant design and fluid interactions. Experience the volatility of the market through a refined, "Racing Green" and "Gold" aesthetic.
The interface is designed with a "Luxe Serif" style, utilizing Didot and Playfair Display typography to evoke the feeling of a premium trading floor.
- Racing Green & Gold: A sophisticated palette inspired by heritage luxury.
- Dynamic Visualization: A sleek, vertical bar chart that tracks market fluctuations in real-time.
- Minimalist Feedback: Subtle, fading status messages and smooth CSS transitions.
The simulator starts you with a $100 bankroll. The goal is simple: buy low, sell high.
- Buy ($10): Acquire a stock for a flat fee. This reduces your bank balance and increases your portfolio.
- Monitor: Watch the vertical graph. The height represents the current market value (0% to 100%).
- Sell: Liquidate your holdings.
- Profit: Selling when the bar is above the 50% breakeven point.
- Loss: Selling when the bar is below 50%.
- Volatility Engine: Uses a random percentage-change algorithm to simulate market unpredictability.
- Cubic-Bezier Animations: The graph utilizes custom easing (
0.175, 0.885, 0.32, 1.275) for organic, lifelike movement. - Responsive Parallax: Features a subtle mouse-tracking effect for added depth.
- Pure Stack: Built entirely with vanilla HTML5, CSS3, and JavaScript—no external dependencies required.
| Element | Value |
|---|---|
| Primary Green | #1a3026 (Racing Green) |
| Accent Gold | #c5a059 |
| Background | #0a0a0a |
| Typography | Didot, Playfair Display, Serif |
"A well-written and clean script for the modern minimalist."