The home hero of the Sivali Corp site: a full-height #121212 stage with the animated logo lockup top-left, eyebrow, H1, bold-led lead, accent + ghost buttons and a frosted stat bar at the bottom.
- Background: the live site renders a Jakarta skyline as 3D line art (Monas centre, indigo grid, mint pulses travelling between towers) with a left-to-right
#121212fade for legibility. This preview stands in with dotted orbit rings; any background must keep the left 60% dark enough for white body text. - Lockup:
SivaliMark.drawat 96 to 140px (clamp(96px,10vw,140px)), glowing; on scroll it shrinks and travels into the header logo slot. - Type: eyebrow 12px tracked 0.18em in
#ADFCB9· H1clamp(40px,4.4vw,60px)/1.06 Medium, tracking -0.025em · lead 17px/1.65#DBDBDCwith the opening clause in Bold white. - Buttons: accent mint (
#ADFCB9on#015B6A) for the one primary action, ghost glass for the secondary. - Stat bar: see StatBar.
Alternative "split" hero (yin-yang): indigo left half with border-radius:0 0 280px 0, photo right half with 280px 0 0 0, white and indigo dots marking the two eyes.