Pious
A Roblox launcher for Windows that I designed, branded, animated and built. Calm, monochrome, and computed rather than drawn.
Pious keeps a player's games, accounts, friends, private servers and Roblox versions in one place, plus the tools other bootstrappers have: multi-instance, FastFlags, mods, recording and overlays. It is the app you leave open all day, so the brand had to be quiet.
Download Pious- Discipline
- Interfaces and products, Brand identity, Motion design
- Client
- Personal product
- Year
- 2026
- Role
- Product design, Brand identity, Logo animation, Development
- Tools
- Svelte, Tauri, Rust, Python, After Effects
Opening animation The holographic icosahedron turns once, settles, flattens into the app mark, and the wordmark arrives.
Twenty faces held together
The mark is a regular icosahedron seen straight down one face. Many games, accounts and windows held by one shape, and a twenty-sided die as a nod to play.
It is computed, not traced. A small Python script builds every version (flat, holographic and the animated one) from the same twelve vertices, with faces pulled 2.4 units apart and one light from the upper left. Because the geometry is shared, the animation lands exactly on the static mark.
- 00:00:09
- 00:00:21
- 00:01:07
- 00:01:19
- 00:02:09
- 00:03:02
From the spinning solid to the flat mark. The light direction is identical in every frame.
Colour has to mean something
The app is ink and white glass. The only bright colours are status: green for in game, blue for online, amber for in Studio, red for recording. The holographic spectrum only ever appears as a reflection on the white mark.
Surfaces are thin glass over ink that catch light on their rim. On hover a shine follows the cursor around the edge, and cards rise 4 pixels and tilt up to 3.5 degrees toward it. Motion settles; nothing bounces.
- #0A0A0B Ink
- #1A1A1B Panel
- #EDEDEF Text
- #30A46C In game
- #3E9CF5 Online
- #F5A524 In Studio
- #E5484D Recording
Manrope, five weights, shipped with the app.
- Platform
- Windows desktop
- Stack
- Svelte UI in a Tauri shell, Rust for the system work
- Privacy
- No accounts, analytics or servers of its own
- Extensible
- Plugins, themes and an MCP connection for AI apps
Thought process
- 01
Name the feeling
A launcher stays open all day. It should feel calm and well made, like a good object on a desk, not like a gaming overlay.
- 02
Find a shape with meaning
An icosahedron holds twenty faces together as one solid: many games and accounts in one place, and a twenty-sided die for play.
- 03
Compute it
Drawing it by hand would drift between versions, so a script builds every mark from the same twelve vertices and the same light.
- 04
Animate the geometry
The opening spins the real solid and lands exactly on the flat mark, because both come from the same numbers.
- 05
Keep colour for meaning
Ink and glass by default. Colour only shows status, so when something turns green you know it matters.
