MECHABLAST - Typography System
I’m thrilled to kick off the MECHABLAST project with a focus on Film Website Promotion. This case study explores the design of a compelling landing page.
Starting today presenting you the work around the Custom Typeface and System Typography Exploration.
This is just the start! Explore the Full Project on Behance, or stay tuned here for more showcases of this project.
Tools used
From brief
Topics
Share
Reviews
3 reviews
Javier, your project shows great promise and it's clear you've put in a lot of hard work, especially with the meticulous presentation of typography. However, the small text size on a dark background makes it difficult to fully appreciate your work. Since Behance doesn’t allow resizing or maximizing content, the readability is further impacted. I suggest presenting your designs in a way that’s easier to view, as viewers might lose interest if they struggle to engage with your content.
Hey Javier!
I revisited your Mechablast Typography System, and what strikes me this time is how cohesive the identity feels from top to bottom.
There’s a strong personality baked into the type scale. The heavier weights and angular feel really sell the “mecha” concept without you having to over-explain it. It feels thematic, but not chaotic which tells me you were deliberate about restraint.
I also like that the hierarchy doesn’t rely only on size. The contrast in weight and spacing does a lot of work, and that shows good typographic maturity. It feels engineered rather than styled.
If I were nitpicking, I’d say this system would benefit from showing edge cases like how body text performs in long paragraphs or how the system adapts in smaller UI components. That would prove it’s not just visually strong, but functionally durable.
Overall, it feels bold, controlled, and conceptually aligned. You clearly understand that typography can carry brand voice on its own.
Congrats on the Design Brief, you put a lot of effort for it.
Things I like:
- The typeface reminds me the kind of text you can write with highlighter marker and I have done that many times and I like it.
- It is simple yet sophisticated enough to fit in the topic for which it was created.
- The presentation is worthy of admiration
Things I think could be improved
- Readability in my opinion is affected because of the similarity of the letters D, O and Q. In the example of: The Last Dream, from the behance brief, my mind continuously reads The Last Oream ... I know it doesn't make sense, then I understand.
You might also like
SiteScope - Progress Tracking App
FlexPay
Mobile Button System
CJM for Co-Working Space - WeWork
Ubani Design System
Accessible Signup Form for SaaS Platform
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
