Skip to the content
FilCommunityWorkflowsDocsOpen Fil
Recreate the design shown in the reference image as one self-contained HTML page with inline CSS. Match the reference as…
A web page: run it in Fil

Code · Claude Sonnet 5.5

Recreate the design shown in the reference image as one…

Recreate the design shown in the reference image as one self-contained HTML page with inline CSS. Match the reference as closely as possible: its layout, sections, proportions, spacing, colour palette, typography, text content, buttons, icons and visual style. Use semantic HTML, flexbox or grid for layout, and make it responsive. Where the reference shows photos or illustrations, use fitting CSS gradients or inline SVG stand-ins in the same colours and composition.

Aksonvady Phomhome@aksonvadyphomhome3241
Model
Claude Sonnet 5.5
Made by
Aksonvady Phomhome
Shared
Likes
0
Open in Fil

Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.

More like this

Recreate the Nodex website shown in the reference image as a single self-contained HTML page, matching its layout, spacing…Recreate the Nodex website shown in the reference image as a single self-contained HTML page, matching its layout, spacing, typography and…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching the reference…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching the reference…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching the reference…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching the reference…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching…Redraw the wired scene as a single self-contained SVG illustration with a 4:3 viewBox (for example 0 0 1600 1200), matching the reference…The website in the brief as a React site, following the skill, with the wired hero image in the hero and the wired…The website in the brief as a React site, following the skill, with the wired hero image in the hero and the wired reference’s layout…The hero section from the skill, for Hero.md, built around the wired hero image. Reference (Hero.md): # Hero - **Product:**…The hero section from the skill, for Hero.md, built around the wired hero image. Reference (Hero.md): # Hero - **Product:** Driftline, a…The hero image from the skill, for Hero.md: a sleeping hand resting on a dark linen sheet, wearing the slim Driftline ring…The hero image from the skill, for Hero.md: a sleeping hand resting on a dark linen sheet, wearing the slim Driftline ring, lit by a faint…Editorial black-and-white halftone line illustration about designing, developing and making apps. A tall, rubbery…Editorial black-and-white halftone line illustration about designing, developing and making apps. A tall, rubbery long-limbed character in…Editorial black-and-white halftone line illustration about designing, developing and making apps. A tall, rubbery…Editorial black-and-white halftone line illustration about designing, developing and making apps. A tall, rubbery long-limbed character in…A true-isometric diorama illustration on one rounded off-white slab with a faceted bevelled edge, showing an online…A true-isometric diorama illustration on one rounded off-white slab with a faceted bevelled edge, showing an online business workspace: a…