Light vs. Dark: A Modular System for Digital Publishing. Which setup communicates authority better?
As a product designer, the focus of this E-book Template was not only on aesthetics, but on creating a robust visual framework that remains steadfast when changing themes.
This is not an ordinary layout, but a system based on:
Dual rendering: Dark and Light modes are designed with specific contrast ratios to maintain readability on all screen types.
Grid Disciplines: Using a strict horizontal and vertical rhythm that allows modularity of content.
Typographic architecture.
The goal was to combine the feel of a luxury print magazine with the flexibility of a modern SaaS interface.
Which mode do you think provides a cleaner reading experience?
"Capturing light, emotion, and the moments you never want to forget." That line set the tone, and the layout follows it.
The hero is one motion-blurred portrait washed in red. The photographer's name runs across the bottom in a condensed white face, so large the screen cuts it off. The photo keeps its soft focus, and the name still reads first.
Thin grid lines split the page into narrow columns, and the small copy sits justified inside them. The loose photo gets a strict structure to lean on.
A single round red button with an arrow sits right on the letters and marks where to go next.
The heavy condensed white FLORENCE over the red portrait is bold, and keeping the same red across phone, laptop and type tile makes the case study read as one system. Did the red come from the photographer's own work, or was it your call?
This question has been doing the rounds on X and I have to say, I'm firmly on the other side of that argument. I've always loved seeing typography become part of the artwork rather than just a title sitting on top of it.
So I wanted to put that idea to the test with an imagined album called Nothing Stays Still, inspired by change, fleeting moments and everything in between:)
I played around with the lettering until it felt expressive, a little restless, and inseparable from the photograph.
Because I think badly considered typography is tacky. Typography itself? Give it a chance :)
What's an album cover where the type really makes it for you?
A website hero and motion identity concept for Cycle.
The experience takes the viewer through seven historical eras in one continuous forward journey, while the logo, camera path and core composition remain consistent.
The concept explores how a static identity can become a living digital experience through motion, environment and interaction.
Workflow included Spline, Claude via MCP, Midjourney and SeaDance.
Available for brand identity, motion and digital design projects.