Kinetic type, or classic typesetting
When letters respond to the cursor, a sentence stops being something you just read and becomes part of the experience.
Live example
The same line, in classic type
IMAGINE
Move your cursor over the letters.
Dream Desk
You dream it, I design it
In short
- Everything is live and hands-on.
- Not a menu of options, a starting point.
Everything on this page actually works. Slide, shuffle, move your cursor around. I'd rather show than tell.
Dream machine
Slide it, shuffle it
Every move produces a different design. No limits.
Kuşadası
Breakfast by the sea
The oven is on at seven; your table is ready at eight.
Book a table
Sea viewFreshReservations
Three dimensions
Depth isn't described, it's turned
Move your cursor around. Hover and the layers pull apart.
Base
Image
Heading
Cards
Menu
The browser's own 3D; no extra library, easy on phones.
The hard part
Thousands of dots, one word
Move your cursor through it, or tap.
Each dot is calculated on its own; it scatters, then finds its place again.
Before and after
Same content, two different worlds
Drag the line in the middle.
değirmen.HomeMenuGalleryReserve
A quiet dinner in Kuşadası
Twelve tables in the garden, a seasonal kitchen, from seven in the evening.
Değirmen RestoranHomeMenuGalleryContact
A quiet dinner in Kuşadası
Twelve tables in the garden, a seasonal kitchen, from seven in the evening.
Reserve© 2011 | All rights reserved | Visitors: 14,728
The left one is a real design too; it's just a design from the 2010s.
Drag and drop
Put the page in your own order
Grab the blocks and rearrange them.
- brand.
This is exactly how content ordering works in admin panels.
Physics
Grab it, fling it
Drag a card and let go.
Tourism
Booking
Healthcare
Appointment
Restaurant
Call
Service
Quote
Inertia, spin and spring, all with real physics values.
Then the details
Craft shows in the details
Each one is a separate choice, and all of them work right here.
Magnetic buttons, or calm ones
When a button drifts toward the cursor, clicking it becomes a gesture. How strong is tuned to your business's tone.
Live example
Move your cursor around the button.
Tell the story as you scroll, or show it at a glance
When layers move at different speeds, the page gains depth and the story unfolds step by step.
Live example
DEPTH
- horizon
- hills
- foreground
Scroll the page slowly.
A live data dashboard, or a simple list
When numbers are shown as charts, the situation is clear at a glance. I build this into admin panels regularly.
Live example
Bookings dashboard
Sample dataAprMayJunJulAugSep
This season
0
bookings
Channels
- Website54%
- Phone31%
- Agency15%
The chart draws itself once the box comes into view.
The numbers here are sample data, placed only to show the interface.
Multilingual, or a single language
Guests are welcomed in their own language. The languages aren't a translation patched on later; they're part of the structure.
Live example
English18:30
Sunset Boat Tour
A three hour cruise around Kuşadası bay, dinner included.
Book a seatPress the language buttons.
Every state thought through, or just the happy path
An interface's quality shows in what it does when things go wrong. Most sites never design these screens at all.
Live example
Today's appointments
Switch between the states.
Live examples
Not talk. These are live.
All of them are real businesses' websites. Open them and look around.
- cliniciapsikiyatri.com
Read the storyOpen siteClinicia Psikiyatri
Healthcare, clinic management
- degirmenrestorankusadasi.com
Read the storyOpen siteDeğirmen Restoran
Restaurant, website and Google Ads
- safarikusadasi.com
Read the storyOpen siteSafari Kuşadası
Tourism, jeep safari
- kusadasiboattours.com
Read the storyOpen siteKuşadası Boat Tours
Tourism, boat tours
- seyrekler.vercel.app
Read the storyOpen siteSeyrekler Otomotiv
Automotive, car service
- sightseeinginkusadasi.com
Read the storyOpen siteSightseeing in Kuşadası
Tourism, sightseeing tours
- calmseas.com.tr
Read the storyOpen siteCalm Seas
Tourism
No limits
If what you have in mind looks like none of these, even better
These are examples. Every project gets its own language; you don't have to fit into a ready-made mold.
Show me a reference
Show me a site you like. I'll work out its language and rebuild it around your business and your customers; I don't copy.
Just describe the feeling
"Calm and trustworthy" or "bold" is enough. We'll pin down what that looks like together.
If you have no idea yet
Tell me about your business and your customers; I'll put a few directions that suit you in front of you, and you choose.
So, what do you have in mind?
An example you like, a reference site or just a feeling; any of the three is enough to start. You describe it, I design it.