rBUX 404
Video · Light
Design System Inspiration
Rbux — extracted via DESIGN.md
Other · Unknown
Typography
rBUXLogo
Heading
SF Pro Display
Body
Color palette
TL;DR
Rbux utilizes a "monochrome-plus-one" strategy where a neutral foundation of grays (#7e8286, #777777) and light surfaces (#f8f8f8) is disrupted by a single, high-contrast primary red (#de3618). The system relies on SF Pro Display for its typographic heavy lifting, specifically utilizing a signature weight of 300 for massive 128px display moments while shifting to 600 and 800 for structural emphasis. Component geometry is strictly functional, favoring 4px radii for interactive elements and sharp 0px edges for layout containers.
Target audience
This design would appeal to web developers and designers looking for creative and user-friendly ways to handle error pages, as well as users who appreciate a touch of humor in their online experience.
Full tech stack
Analytics
Brand Voice
Casual and apologetic with a playful, slightly irreverent edge.
Positioning
Rbux appears to be a digital platform or service (likely finance or rewards based on the name) that prioritizes a low-friction, human-centric relationship with its users. It positions itself as approachable rather than corporate.
Voice principles
- —Informal: Uses conversational interjections like "Oops" to soften technical friction.
- —Playful: Employs puns or wordplay (e.g., "rBAD") to acknowledge system failures with humor.
- —Helpful: Provides clear, immediate next steps when things go wrong.
- —Direct: Uses simple, active verbs like "Go to" and "Refer to" for navigation.
