Skip to main content

Index

Index is a portal—the OG one and was built in 2022. The main concept was a mix of futuristic, space-themed, and terminal-style design. On the technical side, all the graphical stuff had to be made with only CSS and JS—no image files. It took some effort, but for something this personal, I let idealism—always—dominate.

The 1996 Space Jam homepage with planets circling the film logo on a tiled starfield.
The Star Wars logo in yellow outline on a black starfield.
The Power Rangers in Space team riding through a starfield.

The Space Jam website, Star Wars, and Power Rangers in Space were the first things that came to mind.

The Space Jam website inspired the solar system I put in the header, as well as the concept of a site menu with icons. The big yellow “arkhlima” text style was inspired by the Star Wars logo. The “space” in Power Rangers in Space—I liked it and took inspo from it. And of course a starfield bg—one thing those three have in common.

A small blood seal painted in dark red inside an empty suit of armour.
Alphonse Elric's blood rune painted in red inside his armour.

I wrote a manifesto—the most serious shit on this site because it came from lots of reflection. I thought a visual statement could strengthen it. Something like a symbol or a seal… I don’t really remember my thought process on that, but it seems that I went with Al’s blood seal from FMA. That’s that.

  • A design reference sheet of the RX-78-2 Gundam head.
  • Shino Aburame wearing his signature visor and green jacket.
  • A close-up of the RoboCop reboot helmet with its red visor light.
  • A short clip from Ready Player One of a man in a VR visor that flashes orange kanji.

The next one was a bit complicated, but I remember wanting to put a figure that represented me—not entirely—more like 50:50. Showing my face was a BIG NO. Then I thought—let’s just draw it.

I liked RX-78-2 and thought it might be a good fit here. On top of that, my mind connected to another reference—the scene in Ready Player One where

Daito transforms into the RX-78-2. It was rad scene and inspired me to make a human-to-Gundam transition too. Last but not least, I fused Shino Aburame’s visor plus RoboCop’s red visor for the human figure.


Holodeck

I took the name from Star Trek. Basically, it’s a room—kind of like a lab—that simulates places and experiences and makes them feel real. That fits what I want this page to be. Everything here is personal—nothing work-related.

The inside of a holodeck with a yellow grid on the black walls and floor.
The EXILE CD single sleeve made of a grid of children’s portraits around a silhouetted tree.
A looping clip from the Kamen Rider 555 opening titles.
The Microsoft Encarta 99 splash screen in a Windows 98 window.

I saw this Encarta splash screen on X, and it made me feel nostalgic. I saved it to my moodboard app.

When I started designing the Holodeck header, I revisited my moodboard for inspo and thought the splash screen’s concept could be cool for the header. Collecting the images is one of the tiring parts. Even after I finished it, it still didn’t feel satisfying. I changed and tweaked the design a few times. In the end, the EXILE

もっと強く

single cover inspired me to go with black and white. Plus a touch of dither effect. I’m kind of tired of all this dither stuff lately, though I still think it fits the concept.

After that, I wanted to add some animation or interaction, since every header on this website must have one. The opening of Kamen Rider Faiz immediately came to mind. A scene with many moving grids somehow stayed in my head—so I had to try adapting it.


Diskette

Still writing…

  • A hand holds a laser-cut acrylic frame with two blue OLED screens over a green cutting mat.
  • A white wire grid panel with clipped notes and prints on a pale blue wall.
  • A black Sony 3.5-inch floppy disk on a white background.
  • The Windows XP default wallpaper of a green hill under a blue sky.

Diskette (exploration)

Still writing…

  • A looping clip from the Halt and Catch Fire opening titles.
***