Promo bar with a live funding countdown
Prop firm website · Crypto perpetuals, 24/7
Petrel Prop: stormglass bento.
Deep petrol, apricot light and an order book in frosted glass, on a bento grid that never closes. Designed and built by PipValley.
Recorded from the live build.
01On the page
21 sections, top to bottom.
Hero bento: headline tile, a Blender order book in frosted glass with live price, book and self-drawing candles, rewards tiles
Storm season offer card with a countdown
Perpetuals ticker tape
Press and awards strip
Why Petrel: a photo card with a live reward notification, four cards each with its own visual
Proof bento: count-ups, dot field, reward ring, review spread
How it works: a keyframed flight path from evaluation to funded
Pricing: 2-Step / 1-Step switch and a scroll-snap carousel of plan cards
Video testimonial rail and a review wall
Rules bento for a market that never closes
Five flight levels of scaling
Rewards built for speed: payout flow, live ledger, 30-day bars and a certificate ticker
Dashboard showcase in Petrel Terminal
Choose your arena: five platforms, each with its own screen
Comparison with a typical firm
Ambassador: the Petrel Ocean Team
Community: Discord, YouTube and the Academy
24/7 support with an agent, live chat and language and country marquees
People of Petrel: three hubs and team stats
Affiliates, FAQ, final CTA and a footer with the full risk disclosure
02Decisions
Why it looks like this.
01An order book you could hold
The hero is a Blender sculpture of a depth chart: teal frosted-glass bids, apricot asks and a glass price ribbon that rolls like a wave over the spread, with an apricot bead marking the price. It is data visualisation and art direction in one object.
02A price that never sits still
@property counters roll the last price, the funding countdown and the offer timer with no JavaScript, so the page feels open at 3am.
03A flight path, not a timeline
How it works is one curved SVG path. A bead travels it with animateMotion and stops at each stage while that card lights up, so the steps read as one journey without a connector colliding with a number.
04Bento with intent
Every tile is a solid tinted surface with a lit top edge. Only the floating book and notification use frosted blur, so the glass in the renders stays special.
05Built for crypto
Funding rates, mark price, weekend holding and API bots appear in the plans, the dashboard, the comparison and the FAQ. The firm reads as a perps specialist, not a forex firm with a coin icon.
03Palette and type
The brand, in its own colours.
Petrol ground
#02242C
Storm tile
#0A2F38
Apricot light
#FFAE73
Peach
#FFD2B0
Sea glass teal
#5FD0C6
Mist
#EAF4F2
Display
Lexend
Body
Figtree
Detail
Martian Mono for prices, tickers and labels
Next
More of our work.
Indigo glass numerals
Axion FX
Glass account sizes that turn in space, indigo light and an edge report that shows traders where they win.
Midnight refinedNorthlight Capital
Deep navy, a night globe of payouts and a 24-hour sessions dial: the calm precision of the best firms in the industry.
Light and cleanTidemark Prop
Bright, airy and exact: a light-theme firm that still feels premium.
Back to all our work.
A fixed quote in one day
Want a site like this for your firm?
Tell us about your models, platforms and markets. We reply within one business day with a scope and a fixed quote.