About the Bun Yellow template
#fbbf24 against #fef9c3 channels Bun's energy: speed and warmth in one frame. JavaScript-adjacent communities, runtime marketing, and frameworks thrive with this high-saturation combo—it's the color of a fresh compile log. Pastry shops, fast-casual brands, and productivity tools also claim yellow well. Your referral leaderboard will pop against this bright canvas, gamifying signups with visible rank progression.
What the demo shows
The live demo on this page launches Toastrun, a made-up product we wrote to show the template with realistic copy: the headline reads “Tests that finish before you blink.” and the subhead says “Toastrun is a zero-config JavaScript test runner that watches your files and reruns only what changed, instantly.” Below it you see the signup form, a demo launch countdown and the share-to-climb referral panel exactly as a visitor would. Try the form: in the demo nothing is stored. When you use Bun Yellow, you replace Toastrun with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Bun Yellow is a light template: a cream background (#fef9c3), near-black type (#0c0a09) and a near-black accent (#0c0a09) on the join button, the countdown and the referral highlights. Body text sits at a 18.4:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with flowing contour lines, clearly visible; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Bold layout, shared with 59 other templates, but the palette, the motion and the demo copy are Bun Yellow's own.
- Background
- #fef9c3
- Accent
- #0c0a09
- Text
- #0c0a09
How it compares
Within Tech, Bun Yellow stands out for its near-black accent on a cream ground. If it is not quite right, Deno Charcoal flips to a dark charcoal canvas with a vivid cyan accent and falling rain streaks (“Sauropod charcoal, secure”). Turbo Red flips to a dark near-black canvas with a red accent and flowing contour lines (“Repo red, cache hit”). Next.js Black flips to a dark near-black canvas with a white accent and a slow-twinkling starfield (“Pure black framework”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Bun Yellow in three steps
- Click “Use this template” and create a free account; Bun Yellow is preselected in the page wizard.
- Replace the Toastrun demo copy with your product's headline and one-line pitch, pick a URL, and optionally set a launch date to show a real countdown.
- Publish and share the link. Every subscriber gets a personal referral link, and you watch signups and top referrers arrive in the dashboard.
