Mock Service Worker - API mocking library for browser and Node.js
Desktop · Light · scroll within frame to see full page
Design System Inspiration
Mswjs — extracted via DESIGN.md
Developer Tools · API mocking
Typography
Inter
Heading
Mono Lisa
Body
Color palette
TL;DR
Mswjs employs a "Dark Mode by Default" aesthetic, utilizing a foundation of near-black surfaces (`#000000`, `#171717`) and neutral borders (`#262626`). The primary brand voltage is carried by a high-saturation orange (`#ff6a33`), used for critical CTAs, syntax highlighting, and text emphasis. Typography is a strict pairing of **Inter** for high-density UI and **Mono Lisa** for code-centric content, emphasizing its identity as a developer tool. Layouts rely on generous vertical rhythm (up to 192px gaps) and sharp-edged or subtly rounded (`8px`) containers.
Target audience
The site targets JavaScript developers and teams seeking a robust API mocking library for their browser and Node.js projects, focusing on technical utility and clear documentation.
Full tech stack
Meta description
API mocking library for browser and Node.js
Brand Voice
Authoritative, technical, and empowering, focusing on standard-driven solutions rather than proprietary tools.
Positioning
MSW is the industry-standard API mocking library for JavaScript developers. It provides a single source of truth for network behavior across development, testing, and debugging environments by leveraging standard platform APIs.
Voice principles
- —Authoritative: Uses definitive statements to establish leadership and reliability.
- —Standard-centric: Prioritizes "the platform" and web standards over custom configurations or plugins.
- —Empowering: Focuses on what the developer can achieve (control, focus, reuse) rather than just listing features.
- —Direct: Uses imperative verbs and concise sentences to convey efficiency and clarity.
