theme.css — bigrons-site
src styles theme.css
main 0 Ln 6, Col 24 Spaces: 2 UTF-8 CSS

Any site's animation. Your brand.

Sent a link and told “make ours like this”? Platho measures it and rebuilds the motion as clean code, in your brand.

Join the waitlist

650+ sites measured

Measured against 650+ sites

Measured against 650+ sites, including Google, OpenAI, Claude, Meta, Apple, Stripe, Figma, Netflix, Spotify, Notion, Linear, Vercel and Framer.

Watch it measure a real page.

This is the real product, recorded live. Platho AI reads a real website, rebuilds it, then checks its own work before it ships.

  • Scroll effects
  • Entrances
  • Hovers
  • Menus & modals
  • Page transitions
  • Loaders
  • Marquees
  • Counters

nowthis page

Point it at anything.
It becomes that thing.

Each card is a real rebuild. Hover one, and the chameleon changes to match that site's exact color, because Platho AI measured it from the real page.

The best sites on the web. Motion everywhere. No tolerance for slop. Platho AI measures it all, then rebuilds it for you.

Most AI tools guess, working from a screenshot, a text prompt, or a template that almost fits. Platho AI starts from the real, live website instead, so there's something real to check the rebuild against before it ever reaches you.

1000+

checks passed

run 2026-07-19

9/10

right on the first try

never seen before, no manual fixes

0

templates involved

every build starts from your reference

650+

top sites measured

Awwwards winners, and more, always growing

From a link to a finished website,
no guesswork.

One link goes in. Clean, working code comes out. Three steps, and you can watch each one happen.

  1. Point it at any site

    A site a client sent you, a design you admire, or a look you need to match. One link is the whole brief.

  2. Platho AI measures what moves

    It works from the real, live website, not just a picture of it, so it catches motion a screenshot alone could never show.

  3. Drop it into your project

    You get clean code, ready to use right away. It works with React or plain JavaScript, and you can restyle it however you like without breaking the animation.

Others guess. Platho AI measures.

Seven rebuilds of the same page. The other six AI models worked from a 1,552-character brief and seven screenshots. Platho AI worked from one sentence, then measured the rest straight off the live page.

The reference ycombinator.com, the live page every rebuild here is measured against

The brief the other six got

1,552 characters 
Recreate the Y Combinator homepage (https://www.ycombinator.com/) as faithfully
as possible - a pixel-accurate, production-ready clone of the full page.

DELIVERABLE
- A single self-contained folder: index.html, styles.css, and script.js (only add
  more files if genuinely needed). No frameworks, no build step - it must run by
  opening index.html directly in a browser.
- Use plain HTML, CSS, and vanilla JavaScript.

SCOPE - copy the ENTIRE homepage, top to bottom:
- The header/nav (logo, menu links, and any buttons), exactly as positioned.
- The hero section (headline, subtext, call-to-action buttons).
- EVERY section below the hero, in the same order: all headings, body copy,
  images/logos, cards, grids, columns, stats, and lists.
- The footer with all its links and columns.

MATCH THE DETAILS:
- Layout and spacing: same grid, column counts, alignment, and section order.
- Typography: same font families (or the closest free equivalents), weights, and
  sizes/hierarchy.
- Color: the exact YC orange (#FB651E / the orange used on the site), backgrounds,
  and text colors.
- Responsiveness: it should adapt to mobile the way the real site does.

ANIMATIONS - this matters:
- Reproduce the scroll-triggered animations. As the user scrolls, images and text
  should fade/slide into view the way they do on the real page.
- Include hover states, transitions, and any motion present on the original.

For any images you can't access, use clearly-labeled placeholders of the correct
size and position. Return the complete code, ready to run.
Also attached: seven full-page screenshots
Reference screenshot 1 of 7, attached to the other models' brief Reference screenshot 2 of 7, attached to the other models' brief Reference screenshot 3 of 7, attached to the other models' brief Reference screenshot 4 of 7, attached to the other models' brief Reference screenshot 5 of 7, attached to the other models' brief Reference screenshot 6 of 7, attached to the other models' brief Reference screenshot 7 of 7, attached to the other models' brief

The brief Platho AI got

94 characters

Copy the exact look of the "https://www.ycombinator.com/" home page fully

No long brief. No screenshots needed. Platho AI measured every detail straight off the live page itself.

Every clip is an unedited screen recording of what that AI actually made. The clips are different lengths because the results are. Nothing is trimmed to make a point. Hover a panel to see whose it is, click it to watch full size.

unedited screen recording

Frequently asked questions

The short ones are here. For anything else, ask the assistant at the end of the list.

How is this different from other AI website tools?

Those tools only see a flat picture, so the result always looks a little off. Platho AI looks at the real, live website, including every animation and small detail that makes a design feel polished, then checks its own rebuild against that before you ever see it.

Will the output look AI-generated?

No, and that's the whole point. What you get looks like the website you chose as your reference, not like some generic AI template. Pick a great-looking site to copy, and your rebuild keeps that same quality.

What exactly do I get?

A working copy of the site that you can open and preview right away, plus clean code (React or plain JavaScript) that's ready to restyle with your own colors and branding, and drop straight into your project.

Is it okay to recreate someone else's site?

Platho AI strips out the original branding, logos, and copyrighted images, so you get a clean, unbranded copy of the layout and animations only, not someone else's actual assets. What you do with it, and where you use it, is your responsibility. Think of it as a strong starting point you build from, not a copy of someone's finished, branded website.

When can I use it?

We're bringing people into the private beta by hand, in small groups, so early users get real attention from us. The waitlist below is the only way in.

From the founders

“Every AI builder ships the same five layouts, the same gradients, the same slop, while the sites that win on Awwwards are still built by hand at hand-built prices. Platho AI measures the real craft in the site you point it at, then holds itself to that standard. If a recreation isn’t faithful to its reference, we don’t ship it.”

The Platho AI founders

founders@platho.io

Private beta2026

Get private-beta access

We're bringing on a small number of users by hand. Tell us what you want to rebuild, and if it's a good fit, you'll hear from us first.

  • We pick people by hand, and good-fit projects go first.
  • A real reply from an actual founder, not an auto-reply.
  • First look at the demo, the moment it's ready.

Request access

One field required

No spam, just a few emails about beta access and the demo. We store your answers to run the beta; ask us to delete them anytime. By joining you agree to our Privacy Policy and Terms.

Get private-beta access

We bring people on by hand. Tell us what you want to rebuild, and if it's a good fit, you'll hear from us first.

Request access

One field required

No spam, just a few notes about beta access. By joining you agree to our Privacy Policy and Terms.