Add faint branded wordmark to hero#149
Open
TettoLabs wants to merge 22 commits into
Open
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
TettoLabs
force-pushed
the
feature/hero-wordmark
branch
from
bfd5f2b to
18af2db
Compare
TettoLabs
force-pushed
the
feature/hero-wordmark
branch
from
18af2db to
64e88af
Compare
Large italic 'anatomia' in the brand color at 4% opacity fills the space between hero content and fold. Shifts up 30% to overlap with content for visual depth. Fades out on scroll via requestAnimationFrame. Dark mode uses 9% opacity. Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Reduced hero bottom padding. Fade starts at 8% scroll (was 25%) and completes at 55% (was 75%) for a longer, smoother transition. Co-authored-by: Ana <build@anatomia.dev>
Taller presence, bleeds behind meta row and past fold. Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Restore hero to 100svh. Instead of shrinking the hero, pull the marquee up 80px with margin-top: -80px so it overlaps the bottom of the hero section and peeks above the fold. Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
…ark to 6% Scroll hint was hidden behind marquee overlap. Now fixed-position at bottom: 96px, fades on scroll as before. Dark mode wordmark reduced to 6% opacity. Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Wordmark clipped on narrow screens — hidden on mobile, shown on tablet+. Scroll hint uses relative positioning on mobile (avoids iOS Safari fixed-position issues), fixed on desktop. Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Co-authored-by: Ana <build@anatomia.dev>
Mobile keeps justify-content:center (matches main). Desktop switches to top-aligned with wordmark filling the space below. Co-authored-by: Ana <build@anatomia.dev>
Mobile has no wordmark — negative margin would overlap hero content. Desktop-only via min-width: 768px. Co-authored-by: Ana <build@anatomia.dev>
TettoLabs
force-pushed
the
feature/hero-wordmark
branch
from
64e88af to
591a8e3
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fills the space between hero content and fold with a large italic 'anatomia' at 4% brand opacity. Fades out on scroll. Preview before merging.