A geological field guide with a surface worth exploring.

Make geology feel close.

Geology is already visual: strata, mineral grain, pressure, age, and scale. The challenge was to keep that richness from becoming a museum wall of facts. Lithos begins with one confident hero moment, then unfolds into a continuous, motion-led descent through observation and deep time.

Reveal the layers with a glance.

The hero uses the cursor as a small field instrument: an image layer follows the pointer inside a soft-edged mask, revealing a second geological surface below. It is simple enough to understand immediately and distinctive enough to make the brand memorable. The interaction idles cleanly, respects reduced-motion preferences, and falls back gracefully on touch screens.

Quiet authority, mineral warmth.

• Dark field palette - graphite and slate create the feeling of an evening field notebook without falling into a generic neon-dark theme.
• Geological accent - a weathered copper tone brings the warmth of exposed rock into rules, labels, and small points of emphasis.
• Editorial typography - a strong sans-serif headline paired with a restrained serif gives the scientific subject some human texture.
• Motion as navigation - movement is reserved for the reveal, menu transition, and scroll entrance so the material stays legible.

A front page that earns the next click.

The demo is an evolving single-page experience: clear brand framing, a signature pointer reveal, scroll-driven specimen inspection, exploding geological layers, depth-aware butterflies, and a responsive mobile treatment. It demonstrates art direction, interaction design, atmospheric transitions, and production-minded frontend craft in one continuous visual system.