Skip to content

feat(site): calmer type, fitted hero, more motion - #25

Merged
codejunction merged 1 commit into
mainfrom
feature/site-motion
Oct 12, 2026
Merged

codejunction merged 1 commit into
mainfrom
feature/site-motion

Conversation

@codejunction

Copy link
Copy Markdown
Owner

Summary

  • Hero is two columns on desktop and fits one screen; stacks on phones without cutting the window off.
  • Smaller, calmer type scale (hero 30–48px, headings 28–48px, body 15–17px).
  • Pinned tour and horizontal "Anywhere" sections are sized from the viewport height and start under the nav.
  • More motion: drifting aurora, shimmer eyebrow, rotating beam borders, scroll progress bar, nav state, pointer spotlight, hero window turn, fading floats, bento parallax, logo rings. All off under prefers-reduced-motion.
  • Fixes a sideways overflow from the background glow.

Test plan

  • Claude in Chrome at 1536×730: scrolled the whole page with the wheel
  • Phone width 390×720 (iframe): every section, no horizontal overflow

Two-column hero that fits one screen, smaller type scale, pinned
sections sized to the viewport. Aurora, beam borders, progress bar,
pointer spotlight, card parallax, logo rings. Clip bg overflow.
@codejunction
codejunction merged commit b5f23f6 into main Oct 12, 2026
10 checks passed
@codejunction
codejunction deleted the feature/site-motion branch October 12, 2026 07:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant