URL-only generation

URL-only is the default input mode, available on every plan.

How it works

Mateo loads the page in a real browser and reads the live implementation:

• Computed styles across the page - colors with usage counts, font families, weights, sizes, line heights, letter spacing
• CSS custom properties (design tokens) where the site defines them
• Component styling: buttons, inputs, cards, navigation - including exact padding, radii, and shadows
• Motion evidence: transition properties, durations, easing functions, hover-state diffs, and scroll-triggered changes
• Page composition: the above-the-fold layout stack, gradients, and decorative layers

Because the values come from the rendered page, the specification reports exact numbers - a hex is the hex the site uses, a duration is the duration the CSS declares.

What it can't see

• Pages behind logins or paywalls
• Sites that block automated browsers (on paid plans, use a screenshot instead)
• Styling that only appears after complex interaction flows

Tips

• Analyze the page that best represents the design system - usually the homepage or a core product page.
• Very heavy pages can take longer; the extraction step waits for the page to settle before capturing.