Havjoy Core · Y2K Pop Pink
A vintage feel.
A story that is yours.
Havjoy shapes. Pop-pink attitude. A little chrome, a little nostalgia, a lot of you.
01 · Foundations
Still Core. A little more pop.
Playfair headings, Albert Sans body text, pill buttons and hard shadows remain the foundation. Pink–lilac surfaces, silver stickers and charcoal chapters bring the Y2K attitude.
Cream
#FFFCF3 · --hj-cream-2Yellow
#FDCD62 · --hj-yellowPink
#FB5780 · --hj-pinkInk
#010101 · --hj-inkBlush
#FFE9EE · --hj-y2k-blushChrome silver
#D8DBE0 · --hj-y2k-silverSoft lilac
#D9C5F2 · --hj-y2k-lilacPop pink
#FF82C1 · --hj-y2k-popCharcoal
#29232E · --hj-y2k-charcoalCore paletteY2K accents
Alternate warm cream with pink–lilac gradients and a charcoal chapter. Use chrome on stickers and flat pink on feature CTAs. Retain the existing Core spacing, radii, borders and button geometry.
02 · Typography
Your photo.
Your favorite washed tee.
Sentence-case Playfair Display, a pink italic phrase, and clear sans-serif supporting copy.
Every photo has a story.
Make your tee tell it.
Vintage feel. Made personal. Pick a design and make it yours.
03 · Core components
Familiar by design.
Existing Core classes, with no replacement component system. Controls below are visual examples.
✦ Custom washed tees♥ Made personalYour story
Personal details
Optional · sample field
PreviewPersonalized
Interaction states
Tab to see the focus ring. Hover and press use Core feedback. Disabled controls retain their existing appearance.
hj__button · hj__card · hj__pill · hj__field-control04 · Accent library
A little Y2K energy.
Bolder chrome stars, glossy hearts and orbital details. Give them room around copy, products and controls.
Chrome star
Layered silver facets, a dark outline and a fine highlight.
Pink heart
A soft blush fill and pink rim for a personal touch.
Little orbit
A thin line, a blush planet and one tiny pink star.
{% render 'hj-y2k-art', name: 'star' %}
05 · Compositions
Room for the story.
Pink–lilac glow, chrome highlights and charcoal contrast. Keep the center clear for content.
Warm & familiar.
Cream and pink halftone.
Pop-pink attitude.
Pink meets lilac.
After dark.
Ink, cream and silver.
Scope the extension with hj__theme--y2k. Use hj__y2k-stage and reserve outer space for the decorative layer. No new animation is required.