Václav Vančura's Avatar

Václav Vančura

@vancura

Design engineer at Red Hat. Previously: Microsoft, Xamarin, game developer, illustrator – and photographer, since ever. He/him, Prague, .cz https://vancura.design • https://glass.photo/vancura #gamedev

97
Followers
189
Following
39
Posts
30.12.2023
Joined
Posts Following

Latest posts by Václav Vančura @vancura

Two hikers walking on a grassy hill near a calm lake with a mountain in the background under a clear blue sky.

Two hikers walking on a grassy hill near a calm lake with a mountain in the background under a clear blue sky.

Summer 2025 Memories I

19.10.2025 17:22 👍 0 🔁 0 💬 0 📌 0
Preview
devui A lightweight development overlay for Unity/RetroBlit games, providing real-time performance visualization and debug controls.

Indeed I am! That’s my profiling library/visualizer: codeberg.org/Ambilab/devui

18.10.2025 11:49 👍 1 🔁 0 💬 0 📌 0
A screenshot of a game. Well, game. There's nothing really, a floating rectangle.

A screenshot of a game. Well, game. There's nothing really, a floating rectangle.

I need to start somewhere, right? #screenshotsaturday #gamedev

18.10.2025 08:20 👍 18 🔁 3 💬 1 📌 0
Preview
Design System: Tooltip modernization · Issue #14217 · podman-desktop/podman-desktop Parent Issue: This work is part of Design System Modernization: Foundation Components (phase 1) #13479 Modernize the Tooltip component as part of the Design System Foundation Components initiative....

• All our new components are designed for light, dark, and high contrast light and dark themes
• They support RTL languages (Arabic, Hebrew, etc.)
• Full compatibility with screen readers (ARIA attributes)
• WCAG Level A & AA compliance

See the design ticket at github.com/podman-deskt...

17.10.2025 11:18 👍 0 🔁 0 💬 0 📌 0
A sheet of four nearly identical images displays a screenshot of the new Podman Desktop Tooltip component. The images show four themes: light, dark, and high-contrast light and dark. The Tooltip is simple, containing only text, but one variant is more advanced, featuring a stack of passed/error icons next to lines of text.

A sheet of four nearly identical images displays a screenshot of the new Podman Desktop Tooltip component. The images show four themes: light, dark, and high-contrast light and dark. The Tooltip is simple, containing only text, but one variant is more advanced, featuring a stack of passed/error icons next to lines of text.

A screenshot of the Tooltip component in its RTL variant shows how it will appear in Hebrew, Arabic, Urdu, and Persian. The layout of advanced tooltips, which display icons and labels, is flipped to work well with RTL languages.

A screenshot of the Tooltip component in its RTL variant shows how it will appear in Hebrew, Arabic, Urdu, and Persian. The layout of advanced tooltips, which display icons and labels, is flipped to work well with RTL languages.

Redlines showing the metrics, font configuration, and background blur effects of the new Podman Desktop Tooltip component.

Redlines showing the metrics, font configuration, and background blur effects of the new Podman Desktop Tooltip component.

An example of the new Tooltip component on a vibrant diagonal strip, showing how it will blur the background beneath.

An example of the new Tooltip component on a vibrant diagonal strip, showing how it will blur the background beneath.

Fridays are @podman-desktop.io design system updates! Check out the new Tooltip component (aka humble beginnings).

#a11y #accessibility #ux #i18n #rtl #designsystems #opensource #containers

17.10.2025 11:18 👍 1 🔁 1 💬 1 📌 0

Yours truly will discuss the new design system I’ve been working on, how I created a celebration microsite (and how I failed twice), and what’s coming for Podman Desktop settings. Please join us next Thursday.

19.09.2025 15:38 👍 0 🔁 0 💬 0 📌 0

Thanks!

31.07.2025 14:20 👍 0 🔁 0 💬 0 📌 0
Preview
Václav Vančura · Bio de Janeiro Poster design for a Brazilian-themed edition of one of Central Europe’s most legendary psychedelic festivals.

As the Bio Festival starts this Friday, after many years, I'd like to show you the poster we (Vladimir Chalupa and I) created in 2016: vancura.design/illustration... #illustration

31.07.2025 07:31 👍 0 🔁 0 💬 0 📌 0

That will surely work :))

19.07.2025 13:54 👍 1 🔁 0 💬 0 📌 0
Preview
a little girl is asking why not both while standing in a kitchen . ALT: a little girl is asking why not both while standing in a kitchen .

(Gif: just joking, wife would kill me)

19.07.2025 13:44 👍 2 🔁 0 💬 1 📌 0

Thanks. That’s a very good point.

19.07.2025 13:35 👍 2 🔁 0 💬 0 📌 0

There’s also ASUS ROG Xbox Ally X (what a name), but from what I see, it’s not sold yet in .cz. It looks awesome.

19.07.2025 13:29 👍 1 🔁 0 💬 2 📌 0

I guess I have an idea for my birthday self-gift :)

19.07.2025 13:26 👍 1 🔁 0 💬 1 📌 0

Steam Deck looks like exactly what I need (I know Play Date, and I can’t see its display well, so that’s a no-go, unfortunately).

19.07.2025 12:34 👍 2 🔁 0 💬 0 📌 0

I guess my body needs to make a game again. Tell me, is the Steam Deck good? Frankly, I am more a gamedev than a player. I enjoy creating worlds rather than playing games, but I would love to have a device that I can go to the pub with and brainstorm on.

19.07.2025 12:34 👍 4 🔁 0 💬 2 📌 0

Your feedback shapes these features! This is part of my commitment to inclusive and accessible development tools. I want every developer to have a Terminal experience that works for them, so please share your opinions.

30.06.2025 15:11 👍 0 🔁 0 💬 0 📌 0
Preview
Terminal Typography Enhancement · podman-desktop podman-desktop · Discussion #13020 Hello Podman Desktop community! The Podman Desktop team is working on a comprehensive typography enhancement for our Terminal experience. We've heard your feedback about the need for better font cu...

Hi! I am working on typography enhancements for @podman-desktop.io's Terminal:

• Custom font selection & upload
• Accessibility presets for dyslexia/low vision
• Contextual typography controls
• Dynamic adjustment during workflows

Check out our design discussion: github.com/podman-deskt...

30.06.2025 15:11 👍 0 🔁 0 💬 1 📌 0
PNG is back! After 20 years, PNG is back with renewed vigor! A new PNG spec was just released.

After 20 years, the PNG spec has been updated, and it looks like other enhancements are coming. www.programmax.net/articles/png...

26.06.2025 02:57 👍 7 🔁 1 💬 0 📌 0

Jj, idealni by tam bylo napsat prave jen nyx a pripadne cs a mamedii, aby to nebylo divny.

24.06.2025 06:38 👍 1 🔁 0 💬 1 📌 0

I think I already said that elsewhere, but I love your UI.

24.06.2025 06:33 👍 1 🔁 0 💬 1 📌 0
A screenshot of the dark high contrast Windows window.

A screenshot of the dark high contrast Windows window.

A screenshot of all four windows: light theme, dark, high contrast light and high contrast dark.

A screenshot of all four windows: light theme, dark, high contrast light and high contrast dark.

Here’s the PSD with all four themes, if you need it: www.dropbox.com/scl/fi/z9g2q...

23.06.2025 10:50 👍 0 🔁 0 💬 0 📌 0

See, they apply a 9-slice technique to the shadow, similar to what you see on macOS (bsky.app/profile/vanc...). However, instead of tiling the middle column and row, they stretch them. Additionally, they likely add a touch of blue noise on top to reduce banding.

23.06.2025 10:23 👍 0 🔁 0 💬 1 📌 0
A high-contrast image of the Windows window shadow reveals that it's a bit rotated.

A high-contrast image of the Windows window shadow reveals that it's a bit rotated.

Let’s continue with Windows, particularly WinUI/Fluent. Shadows are interesting: they appear to rotate in 3D around the X-axis. The top part of the shadow is closer to the window edge than the bottom part.

23.06.2025 10:07 👍 0 🔁 0 💬 1 📌 0
macOS window 9scale bitmap in the high contrast dark theme.

macOS window 9scale bitmap in the high contrast dark theme.

A screenshot of layers inside the PSD.

A screenshot of layers inside the PSD.

Four themes of the macOS window 9scale bitmap: light, dark, high contrast light and high contrast dark.

Four themes of the macOS window 9scale bitmap: light, dark, high contrast light and high contrast dark.

Here's a PSD if anyone needs it. The themes include light, dark, and high-contrast light and dark, as well as border effects.
www.dropbox.com/scl/fi/nb676...

23.06.2025 10:04 👍 0 🔁 0 💬 0 📌 0
Screenshot of the macOS shadow, with the selected middle pixels. This reveals the shadow tiling.

Screenshot of the macOS shadow, with the selected middle pixels. This reveals the shadow tiling.

A macOS shadow tile.

A macOS shadow tile.

Photoshop Quick Mask helps reveal where the macOS shadow tiling begins and the size of its tiles; it's a 9-scale bitmap with 16 pt tiles and 150 pt corners. This investigation is a great adventure! :)

23.06.2025 10:02 👍 0 🔁 0 💬 1 📌 1
Screenshot of Adobe Photoshop with a work-in-progress extraction of the macOS window.

Screenshot of Adobe Photoshop with a work-in-progress extraction of the macOS window.

So, it's here again. Time to reconstruct how they do it and make the atoms for our new design system.

23.06.2025 10:01 👍 0 🔁 0 💬 1 📌 0
A zoomed screenshot of macOS Tahoe traffic lights in high contrast light theme. The thicker inner strokes are much darker than the outer stroke, which makes the control look blurry. The Close button uses an almost invisible red, while the other two buttons are black.

A zoomed screenshot of macOS Tahoe traffic lights in high contrast light theme. The thicker inner strokes are much darker than the outer stroke, which makes the control look blurry. The Close button uses an almost invisible red, while the other two buttons are black.

A zoomed screenshot of macOS Tahoe traffic lights in high contrast dark theme. This is even worse; two strokes actually reduce readability, creating a sort of poor-man's blur.

A zoomed screenshot of macOS Tahoe traffic lights in high contrast dark theme. This is even worse; two strokes actually reduce readability, creating a sort of poor-man's blur.

High contrast themes in macOS Tahoe are quite unfinished, and I hope they will be improved. For example, traffic lights have two inner strokes: one normal 0.5pt stroke (used in all themes) and another HC-only 1pt stroke. See the image ALT descriptions for more details.
FB18296718

23.06.2025 08:56 👍 0 🔁 0 💬 0 📌 0
A remix of the screen from apple.com, announcing new macOS Tahoma 26 Preview, but written with the Tahoma typeface.

A remix of the screen from apple.com, announcing new macOS Tahoma 26 Preview, but written with the Tahoma typeface.

macOS Tahoma 26.
You’re welcome.

20.06.2025 15:12 👍 1 🔁 0 💬 0 📌 0

💕

12.02.2025 10:23 👍 2 🔁 0 💬 0 📌 0
Video thumbnail

github.com/IndiePython/...

02.02.2025 19:46 👍 233 🔁 42 💬 7 📌 15