Waimz is where the LGBTQ+ community comes to date, find their chosen family, and discover where the night goes. Bright, warm, playful — glossy bubble energy on a clean white canvas. Three equal pillars: Dating · Communities · Places to go.
The whole spectrum, celebrated out loud — woven in, never tokenized.
Glossy bubble letters, floating orbs, rounded sticker-pop UI.
Belonging over swiping. Dating, friends & chosen family, equal weight.
Three words: Proud · Playful · Real
The official Waimz logo is the glossy 3D bubble “waimz” — candy-gloss letters in the pride rainbow with a clean white sticker edge. It’s the hero of the brand: use it big, let it breathe, let it tilt.
Pair with “a brand of Humainz, Inc.” Humainz is the company; Waimz is the brand.
A diagonal tilt (up to ~12°) or gentle float is on-brand. Keep clear space around it.
Don’t add a heavy dark frame, don’t flatten to one color, don’t stretch or re-typeset.
Our signature decorative element: glossy 3D balloons in the pride palette, floating on the white canvas. They echo the bubble logo, add playful depth, and double as a metaphor for people & places near you — the dots on the Radar, brought to life.
Radial highlight top-left, saturated body, darker bottom, thin white rim, soft drop shadow. Pure CSS — crisp & animatable.
Scatter toward edges/corners, varied sizes & depths. ~6–10% of the screen. Never crowd the text in the center.
Gentle vertical float (7–9s loops), staggered. Disable under reduced-motion. One calm drift, not a bounce party.
Copy-paste CSS (drop into the site):
.orb{position:absolute;border-radius:50%;pointer-events:none;
box-shadow:0 18px 30px -8px rgba(36,26,51,.28),
inset -8px -10px 22px rgba(0,0,0,.18),
inset 8px 10px 22px rgba(255,255,255,.55);
border:2px solid rgba(255,255,255,.55);}
.orb::after{content:"";position:absolute;top:12%;left:16%;
width:34%;height:26%;border-radius:50%;
background:radial-gradient(circle at 40% 40%,
rgba(255,255,255,.95),rgba(255,255,255,0) 70%);filter:blur(1px);}
.orb.pink {background:radial-gradient(circle at 35% 28%,#FFA6D2,#FF4D9D 70%,#E0317F);}
.orb.blue {background:radial-gradient(circle at 35% 28%,#9FD2FF,#3BA0FF 70%,#2B7FE0);}
.orb.green{background:radial-gradient(circle at 35% 28%,#A6F0C6,#3BD685 70%,#25B36A);}
/* + yellow / orange / teal / violet — see palette */
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}Usage: <div class="orb pink" style="width:120px;height:120px;top:40px;left:30px"></div>
Warm white base (~70%). Color comes from the pride-bright palette, the bubble logo, and the balloons.
Bold ink outlines, chunky offset shadows, rounded everything, glossy balloons for depth.