Bun — Hero
Bun is a fast JavaScript runtime for building applications with bundling, testing, and package management capabilities. The landing page uses a dark theme with a split layout: left side features the headline and installation instructions with OS-specific toggle buttons and a code snippet, while the right side showcases a performance benchmark card (10,000 React components bundled). Below, a section highlights "Four tools, one toolkit" describing the integrated toolset.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/bun-bun-hero.
Measured spec
| Scheme | dark |
| Background | #17151A |
| Text | #4D4851 |
| Contrast | 2.04 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.174 |
| Measured size | 1600×1623 px |
Palette
#14151A#ECECEE#9CA3AF
Fonts
Inter
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarCode BlockTabs
Context
Other sections on this page
- Feature — Four tools, one toolkit
- Testimonial / Social Proof — Who uses Bun
- Comparison — What's different about Bun
- Feature — Everything you need to build & ship
- Feature — Bun is a JavaScript runtime
- Feature — Bun works with Next.js
- Feature — Full speed full-stack
- Feature — npm-compatible package manager
- Feature — Test runner
- Feature — The APIs you need. Baked in.
- Testimonial / Social Proof — Developers love Bun