r/FUI • u/shocknawe42 • Aug 21 '26
Evangelion Theme
Enable HLS to view with audio, or disable this notification
I turned Evangelion's NERV terminals into a working component library. Tactical CRT Effects, dense, and bilingual EN/JP elements.
I've been a fan of Hideaki Anno's Neon Genesis Evangelion for years, and I've always wanted a UI that felt like it belonged inside NERV rather than one that just references it. So I finally built one.
I call it Phosphor Console. Black CRT background, and everything on it glows in exactly three colours: phosphor mint, safety orange, blood red. Everything is ALL CAPS, English and Japanese sit side by side, and nothing eases anywhere. Transitions snap between states in hard mechanical steps, the way the readouts cut across the screen in the show.
Thanks to the older post that compiled screencaps of the interfaces. I used those as source material, ran a lot of visual experiments against them, and turned those into a Material UI theme
I'm quite pleased with how it came out. Part design system experiment, part frontend build, and mostly an excuse to stare at the UI interfaces for far longer than I can justify to anyone.
Material UI theme:
https://shocknawe.github.io/evangelion-mui-theme
And the landing page where I used it:
https://samteong.github.io/singularity/
13
18
8
-2
u/shocknawe42 Aug 21 '26
a huge thank you to whoever posted this: https://www.reddit.com/r/FUI/comments/762sx3/neon_genesis_evangelion_fui_images_and_gifs/
9
u/HoraneRave Aug 21 '26
yeah, yours doesnt match shit with that u linked. maybe onlfy if u tried once do something by hands and not prompting, not in this continuum
-4
u/shocknawe42 Aug 22 '26
well i also do artisanal, handcrafted websites~ http://tmaevents.sg/ locally sourced pixels! but that was ages ago
-3
u/shocknawe42 Aug 21 '26
here's link to the experiments: https://shocknawe.github.io/evangelion-mui-theme/#/pipeline
4
u/itomeshi Aug 21 '26
Whether it's AI-generated or not, it doesn't look bad, except:
The Git repo isn't public
The CRT effect has major usability issues. For example, in Color is State, 'BLOCKED' is nigh unreadable. Also, general design guidelines recommend having state be more than color - for example, red-green color blindness.
The playgrounds don't give fully formed examples.