Unclear.
By design.
The content is transparent. The message is vague. The blur is extremely specific.
18px OF STRATEGIC AMBIGUITY ↗INTRODUCING NOTHING. BEAUTIFULLY.
The Web
Page.
You have seen web pages.
You have never experienced one.
DESIGNED IN A BROWSER.
ASSEMBLED IN ANOTHER BROWSER.SCROLL TO JUSTIFY THE BUDGET ↓EST. READING TIME: EVENTUALLY
ASSEMBLED IN ANOTHER BROWSER.SCROLL TO JUSTIFY THE BUDGET ↓EST. READING TIME: EVENTUALLY
01 / THE REVEALYES, THE TEXT MOVES.
Some pages tell you something.
Ours tells you how incredible it is
at telling you something.
Form follows
more form.
Every pixel has a purpose. That purpose is to make you think someone spent an unreasonable amount of money on this web page. They spent an unreasonable amount of CSS.
THE WEB PAGE™ · A WEB PAGE BY THE WEB PAGE, FOR THE WEB PAGE.
02 / THE OBJECTSCROLL-POWERED IMPORTANCE
IT'S A RECTANGLE.
But now.
It rotates.
We took the shape that all websites are already made of. Then we tilted it. You're welcome, design industry.
PATENT PENDING ON THE CONCEPT OF AN ANGLE.● ● ●WEB PAGE / PRO
W.THIS IS THE PRODUCT.
THE PRODUCT IS THIS.
THE PRODUCT IS THIS.
SCROLL TO ROTATE YOUR EXPECTATIONS01 → 360-ish
03 / THE NUMBERSPRECISION WITHOUT MEANING
The stats.
They go up.
0% WEBSITE
Every single bit of it.
0PROBLEMS SOLVED
An uncompromising focus.
0VIBES PER SECOND*
Beyond the industry standard.
*Vibes measured under ideal laboratory conditions by a person who already liked the vibes. Results may vary with skepticism.
04 / THE NEGATIVE SPACETHIS SECTION IS EXPENSIVE.
Less.
But so much
more less.
THIS SPACE INTENTIONALLY LEFT PREMIUM.＋
Nothing to see.
Everything to feel.
Most websites fill space with content. We fill it with confidence. This generous whitespace is why the heading above feels like it has a master's degree.
05 / THE GLASSTRANSPARENCY, SELECTIVELY.
You can see
right through us.
Except the background. We blurred that.
Unclear.
A pane.
Above the rest.
It's like a window, if your window cost six weeks of design reviews and didn't open.
NOW WITH ACTUAL BORDER RADIUS ↗06 / THE HORIZONTAL DETOURDOWN IS THE NEW SIDEWAYS.
You scroll
down.
Adorable. We have other plans.
↓
We go
sideways.
Your muscle memory has been acquired.
→
Was that
necessary?
Does necessity have a design award?
↗
Thank you
for your wrist.
Vertical scrolling will resume after this extremely important horizontal scrolling.
↘
YOU ARE STILL ON THE SAME WEBSITE. INCREDIBLE.
07 / THE SPOTLIGHTYOUR CURSOR HAS BEEN PROMOTED.
MOVE YOUR POINTER. OR YOUR FINGER.
Look at you.
Controlling
the lighting.
You are now our unpaid lighting director.
The benefits are exposure.
On touch screens, drag across the panel. We have considered thumbs. That's how premium this is.
08 / THE COMPARISONOBJECTIVELY SUBJECTIVE.
Before.
After we got involved.
My Web Page
Welcome to my website.
Here is some information. It loads quickly.
Useful hyperlinkINFORMATION / REIMAGINEDWelcome.
Welcome.
To possibility.
Same information. Now with a glow.
↔
JUST A WEBSITEA DIGITAL JOURNEY
09 / THE TYPOGRAPHYTHE WORDS HAVE GOTTEN LARGER.
BIGGER.
BOLDER.
WHY.
Say less.
At 160 pixels.
A small sentence is a sentence. A very large sentence is a vision. This is the exact same typeface your operating system already had. We just believed in it harder.
10 / THE OPENINGCONTENT BEHIND A METAPHOR.
BEYOND
BEYOND
KEEP SCROLLING. THE DOORS ARE VERY HEAVY.OPEN / MIND
11 / THE BENTO GRIDSAME BOXES. NEW CULTURAL REFERENCE.
Everything.
In little boxes.
Two colors.
One destiny.
Green meets black. The internet will never recover.
It reacts to you.
Move over it. It tilts. Like a very expensive coaster.
Sharp thinking.
Soft edges.
We filed down the pixels so you wouldn't hurt yourself.
Our innovation never stops.
Literally. It's an animation loop.
12 / THE INTERACTIONYOUR CLICK. OUR MOMENT.
Open
something
extraordinary.
A button that opens a thing.
Some call it a dialog. We call it an awakening.
13 / THE TECHNOLOGYBLACK BACKGROUND = ENGINEERING.
Under the hood.
Another hood.
$ initializing extraordinary…
This is a theatrical simulation. No actual mainframes were impressed. Your browser is doing all the work.
14 / THE SOCIAL PROOFREAL QUOTES. FICTIONAL PEOPLE.
The industry
is scrolling.
★★★★★“I forgot what I came here for. That's how I know it's a great website.”
Alex Rectangle
VP of Digital Experiences, Imaginary Inc.
★★★★★“This page made my fan turn on. I assume that means it is powerful.”
Sam Gradient
Chief Vibes Officer, Made Up Labs
★★★★★“The horizontal bit personally offended me. Five stars.”
Jordan Overflow
Frontend Developer, Absolutely Fictional
15 / THE EXPANDING ANSWERSTHE TEXT WAS THERE THE WHOLE TIME.
Questions.
With a reveal.
What does The Web Page actually do?＋
It is a web page about being a web page. Finally, a product that understands its own market.
Why is it so long?＋
Short pages suggest you have somewhere else to be. We prefer to believe this is the most important thing in your day.
Is this artificial intelligence?＋
It is primarily artificial importance. A much more established technology.
Could this have been an email?＋
Yes. But an email cannot rotate a rectangle with this level of quiet entitlement.
Can I turn the motion off?＋
Yes. The Motion button in the navigation turns off the spectacle, and we respect your device's reduced-motion preference. Accessibility is actually important, even when absolutely nothing else here is.
How much further is the bottom?＋
Emotionally? Quite far. Geometrically? You are getting there. Please accept our next section as compensation.
16 / THE ENDURANCE TESTYOU HAVE EARNED THIS EMPTY SPACE.
STILL SCROLLING?
That's not
engagement.
That's devotion.
Somewhere, a scroll-depth metric is very proud of you.
THIS LINE IS HERE TO MAKE THE PAGE EVEN LONGER.
We could stop here.
But then how would you know we also know how to fade in this sentence?
ONE MORE THING. OF COURSE.
Don't you wish
your website
was this slick?
You reached the bottom.
We prefer “the summit.”
● EXPERIENCE COMPLETEDYOUR SCROLL WHEEL MAY NOW REST.