← Design Lab

Hero titles

The huge name behind the text, drawn as light that follows the letters.

Letters made of light: haze, beams, glass, metal. No outlines anywhere, only fill and transparency. Shown at the size they have behind a Nexus list, cropped by the column. Move the pointer over them, scroll past them, and change MOTION in the header to feel each at OFF, NORMAL, COLOUR and OTT. A hero title is decoration: it carries no meaning and the text on top keeps every tap.

Word
Colour
Size
Show
01

Mist

Etheric

Airbrushed haze. The letters are a soft gradient of light that melts away downward, so the text on top never fights it.

OFF: still haze. NORMAL: it breathes. COLOUR: a slow light drifts through and the hue floats. OTT: deeper bloom, faster.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
02

Radiance

Etheric · Light · Parallax

The letters are the light. Beams stream down from them as if from a source above the word; the pointer moves the source.

OFF: fixed beams. NORMAL: the source sways slowly and follows the pointer. COLOUR: hue drift. OTT: more beams, wider swing.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
03

Airbrush

Etheric

Spray-paint grain: dense at the top of each letter, thinning to nothing below. Pure fill, no edge anywhere.

NORMAL: one pass, breathing. COLOUR: a second pass in another colour. OTT: three passes.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
04

Smoke

Etheric · Kinetic

Soft letters that ripple slowly, as if drawn in smoke. Never quite still, never sharp.

OFF: a frozen wisp. NORMAL: slow ripple. OTT: it churns.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
05

Veil

Kinetic · Etheric

Letters surface out of the mist one after another, then keep breathing in a slow wave that runs along the word.

OFF: already there. NORMAL: calm arrival. OTT: fast, from further away. Use Replay to see it again.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
06

Glass

Premium

Frosted glass: a gloss on top of each letter, a little thickness below, and a highlight that passes through now and then.

OFF: no highlight. NORMAL: a slow pass with long pauses. COLOUR: the tint drifts. OTT: two sharper passes.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
07

Satin

Premium · Colour

Brushed metal in the project colour (gold for Studio): bands of light and shade across the fill, a raised edge of light, a slow sheen.

OFF: still metal. NORMAL: a broad sheen crosses it. OTT: the sheen is quick and sharp.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
08

Mirror

Premium

The word stands on a floor. Its reflection fades away underneath, with a soft glow at the base.

Only the glow breathes; the reflection is the design. Needs a little more room below.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
09

Aurora

Colour · Etheric

Clouds of colour drift inside the letters and fade out toward the bottom.

OFF and NORMAL: a still colour wash. COLOUR: the clouds drift. OTT: faster, with a bloom.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
10

Prism

Edgy · Colour · Parallax

Three fills in three colours, a hair out of register. Where they overlap the light adds up. The pointer pulls them apart.

NORMAL: the pointer splits the colours. COLOUR: they drift on their own. OTT: wide split and torn slices.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
11

Slice

Edgy · Parallax

The word is cut on one line, with a hairline gap. The halves slide against each other as you scroll and meet when you are centred on it.

NORMAL: slides with scroll, a little with the pointer. OTT: slides much further. OFF: stays cut and still.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
12

Depth

Parallax

Five to seven layers at different distances; the far ones are out of focus. Pointer and scroll move them by different amounts.

Parallax is the level’s own number: ×1 NORMAL, ×2.6 OTT. OFF: the layers sit still, stacked.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list
13

Long shadow

Edgy · Parallax

A long soft shadow trails from the letters, dense at the word and thinning out. The pointer turns the light, so the shadow swings.

OFF: a fixed shadow. NORMAL: it follows the pointer. OTT: longer shadow, wider swing.

Lorelyst3

The wisdom game.

  • Welcome PageScroll story
  • Wisdom GameConcept summary and action plan
  • LoreLyst FeaturesFeature list