Homepage: Difference between revisions
Header: B-mark icon top-left; banner: BigBro wordmark replaces stale AlphaX text |
Hero: gradient text BigBro wordmark + KNOW sublabel |
||
| Line 149: | Line 149: | ||
.ab-logo-a{background:linear-gradient(135deg,#FF6A21,#FF8C42,#FFB347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} | .ab-logo-a{background:linear-gradient(135deg,#FF6A21,#FF8C42,#FFB347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} | ||
.ab-logo-x{color:#fff;} | .ab-logo-x{color:#fff;} | ||
.ab-logo{margin-bottom:.35rem;} | |||
.ab-know{font-family:'Space Grotesk',sans-serif;font-size:clamp(.9rem,2.4vw,1.35rem);font-weight:700;letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:1.4rem;} | |||
.ab-tagline{font-size:clamp(1rem,2.5vw,1.3rem);color:rgba(255,255,255,.55);font-weight:400;letter-spacing:.02em;margin-bottom:2rem;line-height:1.5;} | .ab-tagline{font-size:clamp(1rem,2.5vw,1.3rem);color:rgba(255,255,255,.55);font-weight:400;letter-spacing:.02em;margin-bottom:2rem;line-height:1.5;} | ||
.ab-cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--grad);color:#fff;padding:.7rem 1.8rem;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 0 30px rgba(255,106,33,.3);transition:transform .2s,box-shadow .2s;} | .ab-cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--grad);color:#fff;padding:.7rem 1.8rem;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 0 30px rgba(255,106,33,.3);transition:transform .2s,box-shadow .2s;} | ||
| Line 194: | Line 196: | ||
<div class="ab-inner"> | <div class="ab-inner"> | ||
<div class="ab-eyebrow"><span class="ab-dot"></span> Free · Independent · Always Open</div> | <div class="ab-eyebrow"><span class="ab-dot"></span> Free · Independent · Always Open</div> | ||
<div class="ab-logo">< | <div class="ab-logo"><span class="ab-logo-x">Big</span><span class="ab-logo-a">Bro</span></div> | ||
<div class="ab-know">KNOW</div> | |||
<p class="ab-tagline">The free knowledge platform for gay communities worldwide</p> | <p class="ab-tagline">The free knowledge platform for gay communities worldwide</p> | ||
<a href="/wiki/Start_Here" class="ab-cta">Explore BigBro Know →</a> | <a href="/wiki/Start_Here" class="ab-cta">Explore BigBro Know →</a> | ||