Identities in components
Three live pieces: the identity switcher, a specimen scoped to one look inside a page in another, and the touch picker.
Harbor Studio
Current look: Mist
This control restyles the whole page, like in your app. Your choice is kept in this demo only and the page goes back to its own look when you leave.
Each card wears its own look. Save and Cancel work inside the card; the page keeps its look.
Mist
New
Calm and soft: the everyday look.
Press
New
Editorial: ink on paper, fine rules, serif titles.
Tide
New
Navy and coral: bold, round, lively.
Volt
New
Dense and dark: one electric accent.
Maison
New
Brand boutique: ivory, serif, airy.
Glass
New
Frosted glass: translucent layers over soft colour.
Harbor Studio
Nothing chosen yet.
Pin a stage and change scene as the page scrolls is the technique behind the home page hero.