About Syntrofy
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
