Visa Payments Frontier

Fable · Intro vortex v1

{{ b.name }}

{{ bpNote }} CLEAR BAND

Loading Tiles Spiral

Mode 1 · Drag — spin + momentum 2 · Hold — charge + release snap ▶ Play load → lock Reset ambient Phrase Base speed{{ baseSpeed }} Speed variance{{ speedVar }} Alternate direction Ring count{{ ringCount }} Center space{{ innerRadius }}px Font scale{{ fontScale }} Ring gap{{ ringGap }} Char flicker{{ flicker }} Text scatter{{ scatterText }} Drag response{{ dragResponse }} Momentum keep{{ friction }} Charge time{{ holdCharge }}s Hold speed boost{{ holdBoost }} Scatter amount{{ scatterAmp }} Snap time{{ snapTime }}s Show logo Logo size{{ logoSize }} Extrude depth{{ logoDepth }} Logo spin{{ logoSpin }} Light brightness{{ lightPower }} Light angle{{ lightAngle }}° Light height{{ lightHeight }} Light width{{ lightWidth }} Light softness{{ lightSoft }} Iridescence{{ iridescence }} Gold balance{{ goldBalance }} Reflection contrast{{ reflContrast }} Ray strength{{ rayStrength }} Ray drift{{ rayDrift }} Show light direction Ring stagger{{ introStagger }}s Load-in wave Spin during load-in Ripple amount{{ rippleAmp }} Ripple wobble{{ rippleWobble }} ↻ Replay load-in Lock duration{{ lockDuration }}s Invert (white bg)

Cell size{{ h.cellSize }}px Density{{ h.density }} Randomness{{ h.scatter }} Cell opacity{{ h.cellOpacity }} Flow speed{{ h.flowSpeed }} Grid reacts to trail Ambient amount{{ h.ambientAmount }} Spawn on hover{{ h.spawnRate }} Rectangle size{{ h.rectSize }}px Size variation{{ h.sizeVar }} Trail length{{ h.trailLength }} Grain level{{ h.grainLevel }} Dark grid Background gray{{ h.gBgVal }} Square gray{{ h.gSqVal }} Square size{{ h.gSq }}px Grid gap{{ h.gGap }}px Density{{ h.gDensity }} Patchiness{{ h.gCluster }} Twinkle speed{{ h.gSpeed }} Twinkle depth{{ h.gDepth }} Brightness{{ h.gBright }} Grain{{ h.gGrain }}

Radius{{ h.radius }} Card width (derived from page){{ h.cardW }} Card height (derived from page){{ h.cardH }} Spiral turns{{ h.spiralTurns }} Card spacing — vert{{ h.spiralHeight }} Card density (repeats)×{{ h.cardDensity }} Card spacing — fine{{ h.cardSpread }} Auto rotate{{ h.autoRotate }} Spiral entry point (of V zoom){{ h.introHandoff }} Intro spin (cards through focus){{ h.introBoostCards }} Intro spin duration (s){{ h.introBoostDecay }} Hover drift speed{{ h.hoverSlow }} Fling strength{{ h.flingStrength }} Coast friction{{ h.coastFriction }} Scroll rotate{{ h.scrollRotate }} Scroll snap Snap strength{{ h.snapStrength }} Snap range{{ h.snapVel }} Focus blur Blur strength{{ h.focusBlur }} Dot effect Hover scatter Behind cards only Dot cell{{ h.vdotCell }}px Dot strength{{ h.vdotStrength }} Hover scatter{{ h.vdotScatter }} Card coverage{{ h.vdotCoverage }} Edge fade{{ h.vdotFade }} Back blur{{ h.backBlur }} Back distort{{ h.backDistort }} Back dim{{ h.backDim }} Glass cards Glass frost{{ h.glassFrost }} Glass refract{{ h.glassRefract }} Ring text Ring speed{{ h.ringSpeed }} Ring radius{{ h.ringRadius }} Ring size{{ h.ringSize }} Show center Center scale{{ h.centerScale }} Infinite scroll Reverse direction Flip cards Scroll ascend{{ h.scrollAscend }} Focus scale{{ h.focusScale }} Focus Z{{ h.focusZ }} Focus falloff{{ h.focusFalloff }} Card bend{{ h.cardBend }} Corner radius{{ h.cornerRadius }} Card flex{{ h.cardFlex }} Flex bounce{{ h.flexBounce }} Flex response{{ h.flexResponse }} Card layout Editorial Centered Poster Ledger Split Hover keeps question Live focus card Cursor-lab panel in article