Hair Ici

Reference it for

• A salon, beauty or fashion-lifestyle brand that wants an editorial lookbook feel: warm stone #D6D4C9 ground, ink text, one muted plum #725068, photography in tall portrait frames.
• A split-screen homepage where two columns scroll as independent editorial panels, each introducing one facet, under a fixed wordmark and a fixed text menu.
• Tiny-type discipline: a 10 to 12px Neue-Haas body at 0.2px tracking with bracketed micro-labels (Salon [11], ( View More )), letting whitespace and image carry the hierarchy.
• A GSAP + Barba + Splitting motion system: per-character reveals and combined opacity-transform entrances on cubic-bezier(0.215, 0.61, 0.355, 1), with a slow 1.1s expo-out header intro.
• A Swiper Journal shelf of dated, category-bracketed cards and a footer that loops the |(| wordmark as a marquee.

Do not copy

• The |(| wordmark and "HAIR ICI / ヘアーアイス" identity are the salon's mark; rebuild the split-screen idea with the client's own logo, never this glyph.
• The Typekit pairing (Neue Haas Grotesk Text + Ryo Display PlusN + Classico URW) is licensed through Adobe Fonts; map to a grotesque sans plus a workhorse serif and license your own.
• The 10px working body size is brave but borderline for accessibility outside a CJK editorial context; lift to 12 to 14px unless the brief genuinely calls for this density.
• Barba SPA transitions are heavy for a small brochure site; reproduce the feeling with Astro View Transitions, not a ported Barba stack.