01A test piece
Wolf Vision is not a live product. It is a single landing page I built as a test project, in plain HTML and CSS on Bootstrap's grid, so all the character had to come from the styling.
Concept
Wolf Vision case study
A concept landing page for an AI art generator: near-black and acid green, with a mechanical wolf breaking out of the hero and hardly a square corner on the page.
- Role
- Front-end developer
- Stack
- HTML · CSS · Bootstrap
- Year
- 2024
02A page cut from one shape
The angled look shown here is CSS clip-path rather than images: the trapezoid in the navigation, the slanted buttons and the frames around the sections are all polygons. The wolf sits over the hero's title and overlaps the band below it, so the page opens with depth instead of a flat header.
03A gallery that answers the pointer
Each generated image in this gallery sits in a frame with one corner cut away. Hovering a frame draws its edge in the page's green, as on the first frame in this shot, and a small green triangle fades in and grows at the cut corner.
More work
Other projects
Reach out anytime
Let’s Stay Connected
Got questions or want to collaborate? Feel free to reach out — I’m open to new projects or just a casual chat.