Neo-skeuomorphism Animated HTML website template

The sample page

Solsort. Private journal app in Copenhagen.

The idea

The app’s journal becomes a real leather notebook on a linen desk, and your cursor is the lamp that reveals its texture.

What to try

Move the cursor to carry the lamp across the leather and linen, press “Open the journal” to swing the cover open in 3D, and write today’s third line.

Made for

Notes and music apps, tools and premium products

Palette

• #C7BBA4
• #1C1816
• #F2EADB
• #F0A030
• #24315A
• #8F3B1D

Typefaces

Familjen Grotesk + Caveat

Cultural notes

• Leather, linen, fibrous paper, stitching and deboss all drawn in code; nothing copied from real apps.
• Realism you can use: the cover opens, the lamp is a switch and you write right on the paper; AA text measured with the lamp on and off.
• Light sample entries (biking, drizzle, a harbor dip); nothing personal.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.