Anchor example

This modal can be opened by clicking the anchor icon in the pre-header. Because the link uses an href anchor (instead of data-open-modal) you'll see #example_modal in your address bar. If you want to see the hidden modal, manually change the url in your address bar to #hidden_modal.

data-open-modal example

This modal can be opened by clicking the window icon in the pre-header. Because the link uses data-open-modal (instead of an href anchor) nothing appears in the address bar. You also can't use the back/forward buttons to close or reopen the modal. However, if you know the ID of the modal, you can still manually type the anchor link in your address bar and it will open (handy for client previews).

To simulate an extremely long modal and show how modals scroll, here's a ton of lorem ipsum:

Welcome!

ART OF WORK.

Now it’s my turn to contribute something to your own inspiration folder. Here are blown-up versions of some of my favorite graphics from the past 6 and a half years of The Hundreds’ t-shirts. Maybe you remember most of ’em, maybe it’s your first time seeing some. Over time, I’d say we’ve conceptualized, designed, and illustrated literally hundreds and hundreds of unique graphics. You can imagine how many creative blocks we face, how often our conceptual well runs dry,.. we put a lot into our work, from start to finish. Everything has to make sense, the story, the composition, the lettering, colors, the placement, and after all that,.. at the end of the day, is it a good-looking t-shirt?