UXM UXMachine Real casesWhat UXMachine isTry it with a URLSign inESEN

Verifiable review

What we checked on the Made With Gsap site

https://madewithgsap.com/

Declared goal

A general review

This report is written for whoever can change this site. If that is not you, pass it on.

October 18, 2026·evidence captured during the analysis

UX memory

Want this for your site?

Measure your site and keep it in your UX memory: every time you measure again, we tell you what appeared, what is still there and what came back.

Measure my site →

If you change only one thing

Give these fields a label of their own, as well as the text inside

When you change it, measure this site again: we will tell you whether we still observe it.

See the full order and why ↓

1

Diagnose

What we were able to measure

We reviewed 9 of the 10 linked pages, at 1280 px and 390 px. Everything we say below comes from these captures, and each statement has the measurement it comes from underneath it.

Screenshot of the first screen of the page, as it looked when we read it, in a 1280×800 window.
Screenshot of the first screen of the page, as it looked when we read it, in a 390×844 window.

First screen at 1280×800 and at 390×844, as it looked when we read it. Where the first screen ends depends on the window size. Open them at full size to see it.

First screen at 1280×800 and at 390×844, as it looked when we read it. Where the first screen ends depends on the window size. Open them at full size to see it.

What you can leave as it isSee
Other things we observed, none of which point to a problem.See
What its forms ask forSee
What we checked and what was left outSee
The measurements, one by oneSee

We ran 6 checks. Complete: 2. Partial: 4. Not measured: 0. With that, we flag 3 changes for you.

2

Decide

What you can decide

Each one is a change you can make, with the measurement it comes from and how to check that it is done. In stage 3 we tell you in what order we would make them.

They are not ordered by urgency. Which one you work on first is a decision this report does not make.

Found in the review, with no demonstrated relation to what you asked for.

  • Act

    Give these fields a label, as well as the text inside

    Why we say this —On these pages we found at least one field with example text and no associated label. It appears on all 9 pages we reviewed.

    As soon as you start typing, the example disappears and the field is left without a name. Anyone who loses track has to delete everything to see it again.


    You will know it is done whenthose fields declare their label.

    It appears on 8 of the 9 pages we reviewed. · at both widths

    Where: /, /login, /get-started, /effects/, /faq, /showcase, /effects/?freebies, /permissions-terms

    The measurement: We found no <label> tied to that field. The placeholder does not replace it: it disappears as you type.

    Confirm it by looking at the form: each field has its visible label above it or beside it, not only the gray text inside

    What we do not know about this check: Complete across the pages we read.

    The evidence

  • Act

    Make one of these actions stand out from the others

    Why we say this —On the first screen of these pages there are actions that share the same background, text color and font size. It appears on 8 of the 9 pages we reviewed.

    Whoever arrives has to read them all to decide. When everything carries the same weight, nothing guides.


    You will know it is done whenthose actions no longer share all three at once.

    It appears on 8 of the 9 pages we reviewed.

    Where: /get-started, /effects/, /faq, /effects/?freebies, /, /login, /showcase, /permissions-terms

    Check before you touch it: we do not measure this.

    What we do not know about this check: Partial. We stopped before finishing: of the visible links and buttons on this page, we stored 70 of 398.

    The evidence

  • Act

    Darken the text that does not reach the minimum against its background

    Why we say this —At least one piece of text on these pages falls below the minimum contrast that applies to it. It appears on 6 of the 9 pages we reviewed.

    In low light, in bright light or with tired eyes, this text blends into the background. Anyone who does not read it, does not read it.

    Lightening the background also works, or changing both. We give you one so you do not have to choose.


    You will know it is done wheneach pair reaches the minimum that applies to it.

    It appears on 6 of the 9 pages we reviewed.

    Where: /, /get-started, /effects/, /faq, /showcase, /effects/?freebies

    The measurement: We measure against the reference the check itself brings: 4.5 to 1 for normal text and 3 to 1 for large text. We did not set it. We do not measure text that sits on an image or a gradient: the check cannot work out the background color, and those cases never get this far.

    Confirm it with the eyedropper in the browser inspector: each of the color pairs listed in the full report now reaches its minimum

    What we do not know about this check: Partial. Visible focus does not show in a still capture, so we did not check it.

    The evidence

3

Act

What to do, and in what order

3 changes, in the order we would make them. If you are only going to change one thing, change the first one.

Where this order comes from: three things we measured — how much it overlaps with what you asked us for, whether we could check it fully or only partly, and on how many of the 9 reviewed pages it appears. What we checked fully goes before what we checked partly. We do not measure how much each change costs, so if the first is expensive and the third is one line, start with the third.

Give these fields a label of their own, as well as the text inside

How to check it: Confirm it by looking at the form: each field has its visible label above it or beside it, not only the gray text inside

8 of the 9 pages · the card

Make the main action look different from the rest

You check this yourself: we have no way of measuring whether it is done.

8 of the 9 pages · the card

Raise the contrast of this text against its background

How to check it: Confirm it with the eyedropper in the browser inspector: each of the color pairs listed in the full report now reaches its minimum

6 of the 9 pages · the card

There is one more step

Declare the main heading of this page

How to check it: Confirm it in the page code: the main title is inside an h1 tag

1 of the 9 pages · the card

What you can leave as it is

We looked at this in full and found nothing to fix.

  • Metadata and shareability

Other things we observed, none of which point to a problem.

There are 11 facts.

  • We counted 589 images on the pages we reviewed. 553 of them are declared as decorative.
  • The main heading of / says: “Unique JS effects made with care.”.
  • The main heading of /login says: “Log in to continue”.
  • The main heading of /get-started says: “Unlock the full effect collection”.
  • And 5 more.
  • 9 of the 9 pages we reviewed have a title, a description and sharing data.
  • Metadata and shareability

    We looked at it on every page we read and found nothing to flag.

What its forms ask for

A form without a title inside the form itself. If there is a heading just above it but outside it, we do not count it.

  • A form without a title of its own asks for 1 detail, and it is required. It is on /, /get-started and on 5 more pages.
  • A form without a title of its own asks for 2 details. 2 of them are required. It is on /login.

Why it matters: Every detail asked for before getting an answer is one more decision for whoever fills it in.

We counted what the form asked for when it opened; it may ask for more as you go. We only see the forms the page declares as forms.

What we checked and what was left out

This report looks at this site at 390 pixels wide, with the same checks we run on desktop. There are three things specific to mobile that we do not check yet: the size of what has to be tapped, whether the phone zooms in on the page when a field is tapped, and what text size is left afterwards. That we do not name them does not mean they are fine: it means we have not looked at them.

We read 9 pages on desktop, and all of them could also be read on mobile.

Consent notice: we could not determine whether there was one on 9 of the 9 pages of this review. On those pages, what we describe is what loaded before we responded to anything; if the notice exists, content that only appears afterwards may be missing.

We read 9 of the 10 pages we found linked from the one you gave us. We start with the pages in the main navigation; footer links go last.

What we did and on what

We read 9 pages on October 18, 2026. We have 5 findings, in 4 groups.

How we chose which pages to read. We followed the links on madewithgsap.com and found 36 anchors. 14 were repeated and 11 pointed outside the site.

We ran 6 checks. Complete: 2. Partial: 4. Not measured: 0.

  • https://madewithgsap.com/
  • https://madewithgsap.com/login
  • https://madewithgsap.com/effects/effect121
  • https://madewithgsap.com/get-started
  • https://madewithgsap.com/effects/
  • https://madewithgsap.com/faq
  • https://madewithgsap.com/showcase
  • https://madewithgsap.com/effects/?freebies
  • https://madewithgsap.com/permissions-terms

We ran 6 checks. Complete: 2. Partial: 4. Not measured: 0.

With that, we flag 3 changes. There is nothing the evidence does not allow you to decide.

Where we did not look

Each abstention with its cause and its scope. Absence of observation is not absence of the problem.

  • Computed accessibility

    Partial. Visible focus does not show in a still capture, so we did not check it.

  • Navigation and links

    Partial. We checked links with no declared destination, but we did not follow any, so we do not detect a link that leads to a page that does not exist.

  • First screen and calls to action

    Partial. We stopped before finishing: of the visible links and buttons on this page, we stored 70 of 398.

  • Third parties and consent

    Partial. This check only covers the domains the page called while loading. We do not judge whether what the page does with those domains is lawful.

  • Comparison with a reference population

    We do not yet compare this site with any reference corpus.

LIMITS OF THIS REVIEW

  • These observations are limited to the reviewed pages listed above.

  • The pages we did not read are not in these observations: nothing this report says refers to them.

  • What we count as a link or button: links, buttons, controls that submit a form, and anything that declares a link or button role. If something acts as a control without declaring itself one, we do not see it.

  • We measure contrast against the reference the check itself comes with: 4.5 to 1 for normal text and 3 to 1 for large text. It is not a threshold of our own. We do not measure text placed over an image or a gradient: the check cannot determine the background color, and those cases do not reach these observations.

  • This review looked at the site in its light version. If the site changes its appearance when the computer or phone is in dark mode, that version has not been looked at, and what we say here about contrast does not apply to it.

  • This review was done from the Netherlands, within the European Union. A visitor from outside the European Union may not see the same thing: some sites change depending on where they are requested from.

  • Fixed layers are measured in each of the windows used in this review. At another window size, the part of the first screen that is covered changes, and a layer that covers nothing in one window may cover something in another.

  • We do not count images declared as decorative: an image is declared decorative with alt="", and that is a choice made by whoever put it there. We trust that declaration; we do not check whether the image really is decorative.

  • When we review the declared type of a field, we go by its name and its label. We do not check what is typed into it, so a field whose name does not announce what it expects can go by without us flagging it.

  • We did not get to read 1 linked page.

    They were linked from the pages we reviewed. They are not part of these observations.

  • You wrote “A general review” as your goal. We could not relate what you wrote to what we know how to check, so we ordered the report without taking it into account. That is a limit on our side.

  • This review abstains on 5 points. Each one, with its cause and its scope, is under “Where we did not look”.

The measurements, one by one

On 8 of the 9 pages we reviewed, the first screen has links and buttons that share the same background, text color and font size.

F4 · First screen and calls to action

Their appearance does not separate one action from another: someone arriving has no visual cue to choose by.

It appears on 8 of the 9 pages we reviewed. Among them: /get-started, /effects/, /faq. Plus 5 more.

The count for each page

  • https://madewithgsap.com/get-started · 3
  • https://madewithgsap.com/effects/ · 4
  • https://madewithgsap.com/faq · 3
  • https://madewithgsap.com/effects/?freebies · 4
  • https://madewithgsap.com/ · 4
  • https://madewithgsap.com/login · 4
  • https://madewithgsap.com/showcase · 4
  • https://madewithgsap.com/permissions-terms · 4

Where it is

a,button

About this check: Partial. We stopped before finishing: of the visible links and buttons on this page, we stored 70 of 398.

If you decide to change it: Change the style of whichever one should be the main action. We have not tested the change, so we do not know what else is affected.

On 8 of the 9 pages we reviewed, we found fields that are only explained by the text inside. On the page with the most, there are 2.

F3 · Observed forms

Why it matters: That text disappears as soon as you start typing. Anyone who gets distracted halfway no longer knows what went there.

It appears on 8 of the 9 pages we reviewed. Among them: /, /login, /get-started. Plus 5 more.

at both widths

We found no <label> tied to that field. The placeholder does not replace it: it disappears as you type.

The count for each page

  • https://madewithgsap.com/ · 1
  • https://madewithgsap.com/login · 2
  • https://madewithgsap.com/get-started · 1
  • https://madewithgsap.com/effects/ · 1
  • https://madewithgsap.com/faq · 1
  • https://madewithgsap.com/showcase · 1
  • https://madewithgsap.com/effects/?freebies · 1
  • https://madewithgsap.com/permissions-terms · 1

Where it is

input[placeholder]

If you decide to change it: One visible label per field. We have not tested the change, so we do not know what else is affected.

On 6 of the 9 pages we reviewed, there are pieces of text that barely stand out from their background.

F1 · Computed accessibility

Why it matters: It is hard to read against the color behind it.

It appears on 6 of the 9 pages we reviewed. Among them: /, /get-started, /effects/. Plus 3 more.

We measure against the reference the check itself brings: 4.5 to 1 for normal text and 3 to 1 for large text. We did not set it. We do not measure text that sits on an image or a gradient: the check cannot work out the background color, and those cases never get this far.

The measured colors, with their page

  • 3.69The text is #858585 on #ffffff · 2 times on https://madewithgsap.com/ · it says “Annual”
  • 3.69The text is #858585 on #ffffff · 2 times on https://madewithgsap.com/get-started · it says “Annual”
  • 2.84The text is #999999 on #ffffff · once on https://madewithgsap.com/effects/ · it says “See how the platform works:”
  • 2.84The text is #999999 on #ffffff · once on https://madewithgsap.com/faq · it says “See how the platform works:”
  • 2.84The text is #999999 on #ffffff · once on https://madewithgsap.com/showcase · it says “See how the platform works:”
  • 2.84The text is #999999 on #ffffff · once on https://madewithgsap.com/effects/?freebies · it says “See how the platform works:”
  • 2.84The text is #999999 on #ffffff · 2 times on https://madewithgsap.com/ · it says “Drag to explore the collection”

About this check: Partial. Visible focus does not show in a still capture, so we did not check it.

If you decide to change it: Change one color in the stylesheet. We have not tested the change, so we do not know what else is affected.

We found no main heading on 1 of the 9 pages we reviewed.

F1 · Computed accessibility

We saw no level 1 element that says what the page is about.

It is on /effects/effect121.

at both widths

We found no <h1> on those pages.

The count for each page

  • https://madewithgsap.com/effects/effect121 · 1

Where it is

body

About this check: Partial. Visible focus does not show in a still capture, so we did not check it.

If you decide to change it: One tag around the title that already exists. We have not tested the change, so we do not know what else is affected.

On all 9 pages we reviewed, there are external domains that load before anyone touches anything. On the page with the most, there are 4.

F6 · Third parties and consent

They showed up in the first load. We could not determine whether this page shows a consent notice, so we do not know whether any of this would have changed after answering it. If that matters for what you are going to decide, check it by hand before acting.

Among them: pub-8ca9b5847fbb4d4fb97b3497fb9521d5.r2.dev, region1.google-analytics.com, unpkg.com. Plus 1 more.

It appears on 9 of the 9 pages we reviewed. Among them: /, /login, /effects/effect121. Plus 6 more.

at both widths

The count for each page

  • https://madewithgsap.com/ · 4
  • https://madewithgsap.com/login · 3
  • https://madewithgsap.com/effects/effect121 · 4
  • https://madewithgsap.com/get-started · 3
  • https://madewithgsap.com/effects/ · 3
  • https://madewithgsap.com/faq · 3
  • https://madewithgsap.com/showcase · 3
  • https://madewithgsap.com/effects/?freebies · 3
  • https://madewithgsap.com/permissions-terms · 3

Where it is

network

About this check: Partial. This check only covers the domains the page called while loading. We do not judge whether what the page does with those domains is lawful.

No fix proposed: this is a decision worth consulting on.

All cases

The other cases: Airbnb · Atlassian · Attio · Basecamp · Calendly · Cerebrium · Dropbox · Duolingo · Fourmula.ai · GitHub · Intercom · Linear · Loom · Miro · Notion · Paddle · PostHog · Shift5 · Shopify · Simple Analytics · Typeform · Umami · Vercel · Waabi · Zero · Zoom

Check your own site the same way

We open up to 11 pages of your site in a real browser, on desktop and mobile, and tell you what we observed, with its evidence and its limits.

Check a URL

Provenance

The instrument this review was written with.

Artifact versionartifact.v15
Resolution baseCaptured
CapturedOctober 18, 2026, 20:06 UTC
Page setcs-091e7c82-e2db-4d87-8ec9-5e838b2bbcb5
Instrumentcopy-familias.v32 · spine seis-secciones.v1 · surface superficie:007ae10d8b9a78af
Field definitioncenso-de-formularios.v1 · we do not count: hidden, submit, button, reset, image and the anti-spam tokens · the fields marked aria-hidden · the search fields: they do not ask for details about the person; they are a navigation control · the fields that appear while typing or in later steps: they are not guessed
Selection rulenot recorded

These versions identify the instrument, not the exact wording: the same version can cover later wording corrections.

Requested addresshttps://madewithgsap.com/
ReadingRead on October 18, 2026. Sites change.

Examples made on public home pages. They imply no commercial relationship, engagement, validation or approval on the part of the brands analyzed.

If you own one of these sites and do not want its report here, write to us and we will take it down the same day. You do not have to explain why.

UXMachine would like to use Google to measure visits and which ads bring them. Without your permission, we do not load those tools. Details

Settings