📚 Curious about learning UI Design? Check out our new 4 week Intro to UI Design course. Flexible Learning. Live Mentorship. Figma Fundamentals. Enroll now for 25% off.
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Introduce yourself to new clients with Pitch
Learn product design in just 16 weeks...
Learn UI Design Basics and Figma Fundamentals...
Level up your skills with our interactive courses and workshops…
Portfolio creation made easy
Fresh leads in your inbox every day
Build your team’s pipeline or profile
A marketplace of digital assets…
Icons, Illustrations, Patterns, Textures…
Display, Script, Sans Serif, Serif…
Mock Ups, Social Media, Presentations…
Characters, Objects, Textures…
WordPress, Shopify, Bootstrap, HTML5…
Procreate, Affinity, Photoshop, InDesign…
Earn money doing what you love
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
This error page is one of my favorite one-off things I've designed for MyFonts.
If you’re confused by what’s going on here, here’s an explainer:
All those crazy characters aren't an image. That's all live text:
S͉̅o͉̊rr̦͂y̱͘,̝͗ ͍̚so̧̓me̞͂t̢̕h̙̔i̱͗ń̬g͔̓ ̦͆wḙ́n̘̑t ̞͝w̹̽ŕ̩on̜̚g̤̈́.̠̐ ̞͐
Try̤͑ ̠̽r͚̓e͉̐loạ̾d̳͐in̨̕g̩̽ ̖̽ẗ̗́he͙̋ ͔̆p̪̈́à̯g̣͠e.͚͊
We can make this effect by using combining unicode characters to do some weird things. What's combining unicode? Some languages (not English clearly) use letters and diacritics (accent marks) that have to combine in certain ways, including stacking on top of each other. By stacking up a bunch of characters in ways that were never intended, we can get effects like this. So that’s where this super meta error page comes from!
During the process of making this, we also learned that combining unicode is very unpredictable between browsers. The original version of the design had a lot more stacking diacritics, but we ended up having to take a lot of them out because it made the text completely illegible in some browsers. (Sorry / thanks to our front end dev for putting up with this ridiculous project.) So far this error message has been organically discovered and appreciated by a grand total of two people who posted about it on twitter. WORTH IT.
If you're interested in playing around with combining unicode, google for zalgo or glitch text generator. There are a lot out there but here’s the one I used to make this message: http://www.eeemo.net
Fittingly, you can usually trigger the error message by entering zalgo text into the search field on MyFonts.