Nord Architecture Hero

Swiss-style studio hero: edge-to-edge wordmark, four-column header, statement and clip-reveal project photo.

Free for commercial useby @copypasteui

0px

Your business (optional)

Business nameWhat you doPhoneEmailTown or area

We only use this to write your prompt. It stays in this browser so you don't have to type it again, and it's never sent to us. Privacy

Nord theme. The section's code, theme and steps in one prompt.

Paste it into

See what gets copied

Loading…

Found a bug or have a better idea? Improve this section on GitHub →

Collection

Part of Nord: 7 matching sections

Same theme, same voice. Use them together for a complete page, or grab the whole thing in one prompt.

gallerynord

Editorial project list with a spring-follow cursor image preview on desktop and inline photos on mobile.

by @copypasteui

featuresnord

Photo collage with stat block beside a studio statement and numbered principles.

by @copypasteui

how it worksnord

Scroll-driven process: phases highlight as you scroll while a sticky photo crossfades per phase.

by @copypasteui

testimonialsnord

Inverted client testimonial with project photo, large quote, portrait and energy-rating stat.

by @copypasteui

contactnord

Enquiry section with oversized heading, email link, project-type and budget chips and underline inputs.

by @copypasteui

footernord

Minimal footer with live office clocks, addresses, links and a giant edge-to-edge wordmark.

by @copypasteui