Piéride

Papillon, which I contribute to, is built for phones. On iPad it switches to a sidebar and a week view, but the rest is the touch interface stretched out: full-screen modal details, swipe gestures, bottom sheets. Piéride carries the spirit of Papillon, with its team's agreement and under the same GPLv3 licence, and rethinks the experience for a computer.

I started with the identity. The piéride, or cabbage white, is a small white butterfly that is very common in France: the logo draws it in one single line, without lifting the pen. Deep indigo carries the brand, and sulfur yellow is kept for accents, like the wing tips. Around it sit a pattern of small butterflies, a 3D icon and two typefaces, Unbounded and SN Pro.

For the UX, the rule is that nothing covers the page. Clicking a class or a grade opens its details in a panel on the right, without leaving the list. The sidebar is built from modules, based on the services of the selected account, and everything also works from the keyboard, with a command palette on Ctrl K. I drew 64 desktop mockups in a light theme and as many in dark, built in Figma.

On the technical side, a WebView is subject to CORS, unlike React Native. Every request to the school services therefore goes through Tauri's HTTP plugin, with a closed list of allowed domains. That network layer is in place, along with a GitHub Actions CI that builds the app on all three systems. A local SQLite database with Drizzle and the system keychain for credentials come next: development is ongoing, and there is no release to download yet.