Syntrofy

About this template

Syntrofy is a template for creative studios, design agencies and production shops - the ones whose work is the opposite of safe, and whose site should say so on the first screen.

It is unapologetically neo-brutalist: hard black borders, zero corner radius, offset drop shadows that sit on the page like stickers, and a linen ground broken up by six loud accent colours. Display type is set in Boldonse, uppercase and huge; the body is Clash Grotesk; labels and tags are hand-drawn in Walter Turncoat. All three are available natively in Framer, so there is nothing to upload and nothing to license.

The motion is the part people remember. The hero cards are physically draggable - throw them around and they stay where you leave them. Blocks in the About and Services sections fall and settle under gravity. Portfolio and testimonial cards are scrubbed by the scroll position rather than triggered by it, so they track your wheel exactly. Two marquees run continuously, buttons swap their label on hover, shadows snap on contact, and every section reveals as it enters the viewport.

What's included

Pages

Home

About

Services

Portfolios - CMS list

Blogs - CMS list

Contact

404

Licenses

Project detail - CMS template

Blog post detail - CMS template

CMS

Projects - Service, Industry, Duration, Cover, Slug

Blog Posts - Category, Excerpt, Read Time, Cover, Card Colour, Slug

Both wired end to end: list → card → detail page, links bound per item

Home page sections

Sticky header with a mega-menu dropdown

Hero with four draggable physics cards and a ratings row

Services marquee

About, with four gravity-dropped blocks

Services - four cards and sixteen gravity pills

Portfolio - three scroll-scrubbed cards

Testimonials - four scroll-scrubbed cards

Team - eight cards

Blog preview

FAQ - five accordions

Second marquee

CTA

Footer