The yin-yang of the logo as a content pattern: three cards, each pairing two complementary ideas, an indigo half above and a white half below, with the Sivali mark sitting on the seam like the dot that joins the two halves of the mark.
- Section:
#F5F5F5, eyebrow "IN BALANCE", headline 40px Medium (-0.025em) with a one-line Light intro on the right. - Card: radius 28px, min height 380px, two equal halves. Hover lifts it 4px with an indigo-tinted shadow, turns the mark 180 degrees (the halves swap) and wakes the orbit swirl in the white half.
- Indigo half: fade
#4848BAto#39399Bto#2E2E86, a dot grid fading from the top-right corner, index01 · Ain mint mono, a 44px Lucide icon tile (white 14% fill, mint glyph), title 24px and one sentence 15px Light, all white. - White half: white with a dot grid fading from the bottom-left and a soft mint glow in the corner, index and icon tile in indigo on
#EBEEFF, indigo title,#525252sentence. - Seam: 64px white disc with a translucent ring, the indigo mark at 44px, placed on the left edge of the seam.
- Three cards maximum; one idea per half, a title and one sentence. Cards stack below 900px. Reduced motion: no lift, no turn.