{"title":"Men Shop By Color – Natural Black, Brown \u0026 Salt Pepper Hair | Wigy Hair","description":"\u003cstyle\u003e\n:root{\n  --primary:#0a2463;\n  --secondary:#a2f2e4;\n  --dark:#071633;\n  --light:#f6f8f9;\n  --white:#ffffff;\n  --text:#1d2433;\n  --border:rgba(10,36,99,0.08);\n  --shadow:0 20px 50px rgba(10,36,99,0.08);\n  --radius:36px;\n  --transition:all .35s ease;\n}\n\n\/* ===== PAGE ===== *\/\n.wh-mencolor-page{\n  font-family:Inter,sans-serif;\n  background:var(--light);\n  color:var(--text);\n  overflow:hidden;\n}\n\n.wh-mencolor-container{\n  width:min(1370px,calc(100% - 24px));\n  margin:auto;\n}\n\n.wh-mencolor-section{\n  padding:30px 0;\n}\n\n\/* ===== HERO ===== *\/\n.wh-mencolor-hero{\n  background:\n  linear-gradient(135deg,\n  #071633 0%,\n  #0a2463 55%,\n  #12378f 100%);\n  border-radius:42px;\n  padding:75px;\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n}\n\n.wh-mencolor-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n  radial-gradient(circle at top right,\n  rgba(162,242,228,0.16),\n  transparent 35%);\n}\n\n.wh-mencolor-grid{\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:40px;\n  align-items:center;\n  position:relative;\n  z-index:2;\n}\n\n.wh-mencolor-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:12px 22px;\n  border-radius:100px;\n  background:rgba(255,255,255,0.08);\n  border:1px solid rgba(255,255,255,0.1);\n  color:var(--secondary);\n  font-size:13px;\n  font-weight:700;\n  margin-bottom:24px;\n  letter-spacing:.5px;\n}\n\n.wh-mencolor-hero h1{\n  font-size:66px;\n  line-height:1.02;\n  color:var(--white);\n  margin:0 0 24px;\n  font-weight:800;\n  letter-spacing:-1px;\n}\n\n.wh-mencolor-gradient{\n  background:linear-gradient(90deg,#a2f2e4,#ffffff);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.wh-mencolor-hero p{\n  color:rgba(255,255,255,0.82);\n  line-height:1.9;\n  font-size:17px;\n  max-width:650px;\n  margin-bottom:34px;\n}\n\n\/* ===== BUTTONS ===== *\/\n.wh-mencolor-btn-wrap{\n  display:flex;\n  gap:14px;\n  flex-wrap:wrap;\n}\n\n.wh-mencolor-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:16px 30px;\n  border-radius:100px;\n  text-decoration:none;\n  font-weight:700;\n  transition:var(--transition);\n}\n\n.wh-mencolor-btn-primary{\n  background:var(--secondary);\n  color:var(--primary);\n  box-shadow:0 10px 30px rgba(162,242,228,0.22);\n}\n\n.wh-mencolor-btn-primary:hover{\n  transform:translateY(-5px);\n}\n\n.wh-mencolor-btn-outline{\n  background:rgba(255,255,255,0.06);\n  border:1px solid rgba(255,255,255,0.12);\n  color:#fff;\n}\n\n.wh-mencolor-btn-outline:hover{\n  background:rgba(255,255,255,0.12);\n}\n\n\/* ===== FEATURES ===== *\/\n.wh-mencolor-feature-wrap{\n  display:grid;\n  gap:18px;\n}\n\n.wh-mencolor-feature{\n  background:rgba(255,255,255,0.08);\n  border:1px solid rgba(255,255,255,0.10);\n  border-radius:32px;\n  padding:28px;\n  text-align:center;\n  backdrop-filter:blur(14px);\n  transition:var(--transition);\n}\n\n.wh-mencolor-feature:hover{\n  transform:translateY(-6px);\n  background:rgba(255,255,255,0.12);\n}\n\n.wh-mencolor-feature-icon{\n  width:76px;\n  height:76px;\n  margin:auto auto 18px;\n  border-radius:24px;\n  background:var(--secondary);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--primary);\n  font-size:30px;\n  font-weight:800;\n}\n\n.wh-mencolor-feature h3{\n  color:#fff;\n  margin:0 0 10px;\n  font-size:22px;\n}\n\n.wh-mencolor-feature p{\n  margin:0;\n  color:rgba(255,255,255,0.75);\n  line-height:1.8;\n  font-size:15px;\n}\n\n\/* ===== TRUST ===== *\/\n.wh-mencolor-trust{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:18px;\n}\n\n.wh-mencolor-trust-box{\n  background:#fff;\n  border-radius:28px;\n  padding:24px;\n  text-align:center;\n  border:1px solid var(--border);\n  font-weight:700;\n  color:var(--primary);\n  box-shadow:0 10px 25px rgba(10,36,99,0.04);\n}\n\n\/* ===== INTRO ===== *\/\n.wh-mencolor-intro{\n  background:#fff;\n  border-radius:42px;\n  padding:75px;\n  border:1px solid var(--border);\n  box-shadow:var(--shadow);\n  text-align:center;\n}\n\n.wh-mencolor-title{\n  font-size:52px;\n  color:var(--primary);\n  line-height:1.1;\n  margin-bottom:18px;\n  font-weight:800;\n}\n\n.wh-mencolor-desc{\n  max-width:950px;\n  margin:auto;\n  line-height:1.9;\n  color:#667085;\n  font-size:17px;\n}\n\n\/* ===== COLOR CARDS ===== *\/\n.wh-mencolor-cards{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n  margin-top:42px;\n}\n\n.wh-mencolor-card{\n  background:#fff;\n  border-radius:34px;\n  padding:40px 28px;\n  text-align:center;\n  border:1px solid var(--border);\n  transition:var(--transition);\n  box-shadow:0 12px 35px rgba(10,36,99,0.04);\n}\n\n.wh-mencolor-card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 25px 50px rgba(10,36,99,0.08);\n}\n\n.wh-mencolor-circle{\n  width:92px;\n  height:92px;\n  border-radius:50%;\n  margin:auto auto 22px;\n  border:5px solid #fff;\n  box-shadow:0 10px 25px rgba(10,36,99,0.10);\n}\n\n.wh-black{\n  background:#1f1f1f;\n}\n\n.wh-brown{\n  background:#5b3b28;\n}\n\n.wh-grey{\n  background:#7f8790;\n}\n\n.wh-natural{\n  background:linear-gradient(135deg,#2b2b2b,#7a5336);\n}\n\n.wh-mencolor-card h3{\n  margin:0 0 12px;\n  color:var(--primary);\n  font-size:24px;\n}\n\n.wh-mencolor-card p{\n  margin:0;\n  color:#6b7280;\n  line-height:1.9;\n  font-size:15px;\n}\n\n\/* ===== CTA ===== *\/\n.wh-mencolor-cta{\n  background:\n  radial-gradient(circle at top right,\n  rgba(162,242,228,0.16),\n  transparent 30%),\n  linear-gradient(135deg,#071633,#0a2463);\n  border-radius:42px;\n  padding:85px 50px;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n\n.wh-mencolor-cta h2{\n  color:#fff;\n  font-size:56px;\n  margin-bottom:18px;\n  position:relative;\n  z-index:2;\n}\n\n.wh-mencolor-cta p{\n  max-width:850px;\n  margin:auto auto 34px;\n  color:rgba(255,255,255,0.82);\n  line-height:1.9;\n  font-size:17px;\n  position:relative;\n  z-index:2;\n}\n\n\/* ===== MOBILE ===== *\/\n@media(max-width:992px){\n\n  .wh-mencolor-grid,\n  .wh-mencolor-cards,\n  .wh-mencolor-trust{\n    grid-template-columns:1fr;\n  }\n\n  .wh-mencolor-hero,\n  .wh-mencolor-intro,\n  .wh-mencolor-cta{\n    padding:42px 24px;\n    border-radius:30px;\n  }\n\n  .wh-mencolor-hero h1{\n    font-size:42px;\n  }\n\n  .wh-mencolor-title{\n    font-size:36px;\n  }\n\n  .wh-mencolor-cta h2{\n    font-size:38px;\n  }\n}\n\n@media(max-width:576px){\n\n  .wh-mencolor-hero h1{\n    font-size:34px;\n    line-height:1.15;\n  }\n\n  .wh-mencolor-btn{\n    width:100%;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"wh-mencolor-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"wh-mencolor-section\"\u003e\n\n    \u003cdiv class=\"wh-mencolor-container\"\u003e\n\n      \u003cdiv class=\"wh-mencolor-hero\"\u003e\n\n        \u003cdiv class=\"wh-mencolor-grid\"\u003e\n\n          \u003c!-- LEFT --\u003e\n          \u003cdiv\u003e\n\n            \u003cdiv class=\"wh-mencolor-badge\"\u003e\n              MEN SHOP BY COLOR\n            \u003c\/div\u003e\n\n            \u003ch1\u003e\n              Find Your Perfect\n              \u003cspan class=\"wh-mencolor-gradient\"\u003e\n                Hair Color\n              \u003c\/span\u003e\n              With Wigy Hair\n            \u003c\/h1\u003e\n\n            \u003cp\u003e\n              Explore premium men hair solutions by color including natural black, dark brown, salt \u0026amp; pepper, and realistic blended shades. Wigy Hair helps you achieve stylish, natural-looking hairstyles with premium hair systems designed for modern men.\n            \u003c\/p\u003e\n\n            \u003cdiv class=\"wh-mencolor-btn-wrap\"\u003e\n\n              \u003ca href=\"https:\/\/wigyhaironline.com\/collections\/men\" class=\"wh-mencolor-btn wh-mencolor-btn-primary\"\u003e\n\n                Shop By Color\n\n              \u003c\/a\u003e\n\n              \u003ca href=\"https:\/\/wigyhaironline.com\/collections\/men\" class=\"wh-mencolor-btn wh-mencolor-btn-outline\"\u003e\n\n                Explore Hair Shades\n\n              \u003c\/a\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n          \u003c!-- RIGHT --\u003e\n          \u003cdiv class=\"wh-mencolor-feature-wrap\"\u003e\n\n            \u003cdiv class=\"wh-mencolor-feature\"\u003e\n\n              \u003cdiv class=\"wh-mencolor-feature-icon\"\u003e\n                ✓\n              \u003c\/div\u003e\n\n              \u003ch3\u003e\n                Natural Shades\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Realistic hair shades designed for seamless blending and confident everyday styling.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wh-mencolor-feature\"\u003e\n\n              \u003cdiv class=\"wh-mencolor-feature-icon\"\u003e\n                ★\n              \u003c\/div\u003e\n\n              \u003ch3\u003e\n                Modern Hair Looks\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Premium color collections crafted for stylish and natural-looking hairstyles.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"wh-mencolor-feature\"\u003e\n\n              \u003cdiv class=\"wh-mencolor-feature-icon\"\u003e\n                ⚡\n              \u003c\/div\u003e\n\n              \u003ch3\u003e\n                Personalized Styling\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Find the perfect hair color tailored to your personality and modern style.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- TRUST --\u003e\n  \u003csection class=\"wh-mencolor-section\"\u003e\n\n    \u003cdiv class=\"wh-mencolor-container\"\u003e\n\n      \u003cdiv class=\"wh-mencolor-trust\"\u003e\n\n        \u003cdiv class=\"wh-mencolor-trust-box\"\u003e\n          Natural Looking Shades\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wh-mencolor-trust-box\"\u003e\n          Stylish Hair Colors\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wh-mencolor-trust-box\"\u003e\n          Comfortable Daily Wear\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wh-mencolor-trust-box\"\u003e\n          Premium Quality\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wh-mencolor-trust-box\"\u003e\n          Modern Hairstyles\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"wh-mencolor-section\"\u003e\n\n    \u003cdiv class=\"wh-mencolor-container\"\u003e\n\n      \u003cdiv class=\"wh-mencolor-intro\"\u003e\n\n        \u003ch2 class=\"wh-mencolor-title\"\u003e\n          Men Hair Colors Designed For Modern Confidence\n        \u003c\/h2\u003e\n\n        \u003cp class=\"wh-mencolor-desc\"\u003e\n          Wigy Hair Shop By Color Collection helps men discover premium hair solutions in realistic and stylish shades. Whether you prefer natural black hair, rich brown tones, salt \u0026amp; pepper looks, or blended natural shades, our collection offers premium-quality hair systems crafted for modern style and confident everyday wear.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"wh-mencolor-cards\"\u003e\n\n          \u003cdiv class=\"wh-mencolor-card\"\u003e\n\n            \u003cdiv class=\"wh-mencolor-circle wh-black\"\u003e\u003c\/div\u003e\n\n            \u003ch3\u003e\n              Natural Black\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Classic black shades designed for timeless style and natural-looking modern hairstyles.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wh-mencolor-card\"\u003e\n\n            \u003cdiv class=\"wh-mencolor-circle wh-brown\"\u003e\u003c\/div\u003e\n\n            \u003ch3\u003e\n              Dark Brown\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Rich brown tones crafted for warm appearance and stylish everyday confidence.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wh-mencolor-card\"\u003e\n\n            \u003cdiv class=\"wh-mencolor-circle wh-grey\"\u003e\u003c\/div\u003e\n\n            \u003ch3\u003e\n              Salt \u0026amp; Pepper\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Modern grey blended shades designed for mature style and premium natural appearance.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wh-mencolor-card\"\u003e\n\n            \u003cdiv class=\"wh-mencolor-circle wh-natural\"\u003e\u003c\/div\u003e\n\n            \u003ch3\u003e\n              Natural Blend\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Realistic blended shades crafted for seamless hair matching and stylish confidence.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"wh-mencolor-section\"\u003e\n\n    \u003cdiv class=\"wh-mencolor-container\"\u003e\n\n      \u003cdiv class=\"wh-mencolor-cta\"\u003e\n\n        \u003ch2\u003e\n          Discover Your Perfect Hair Shade Today\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Experience premium men hair solutions designed in stylish natural shades for confident appearance and modern everyday wear. Wigy Hair helps you achieve natural-looking hairstyles tailored to your favorite color effortlessly.\n        \u003c\/p\u003e\n\n        \u003ca href=\"https:\/\/wigyhaironline.com\/collections\/men\" class=\"wh-mencolor-btn wh-mencolor-btn-primary\"\u003e\n\n          Explore Men Hair Colors\n\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0739\/6648\/5604\/collections\/Men-Shop-By-Color-7a.jpg?v=1780627759","url":"https:\/\/wigyhaironline.com\/collections\/men-shop-by-color.oembed","provider":"WIGY HAIR","version":"1.0","type":"link"}