[{"data":1,"prerenderedAt":34},["ShallowReactive",2],{"$fbT7WJcqwo45CmIvWoqOBoK0NY3KL5s9NEEWcEs6ldBA":3},{"slug":4,"name":5,"description":6,"originalDescription":7,"tags":8,"image":14,"originalUrl":15,"scrapedAt":16,"related":17},"tm-620-compression","620 Compression","620 Compression offers a clean, responsive starting point, with a portfolio layout. It suits photographers, agencies who want a polished, customizable foundation.","Compression is a kinetic portfolio HTML CSS template built entirely with CSS Flexbox and hover-driven transitions. Five vertical panels share the viewport equally by default, then expand and compress on hover using a custom cubic-bezier easing curve that delivers a heavy, mechanical feel. Each panel reveals project details, metadata, and a call-to-action button when expanded, while compressed panels desaturate into grayscale. No JavaScript is required for the core layout interaction. This dark-themed template features an industrial color palette with off-white typography, neon chartreuse accents, and zero border-radius throughout. The type system pairs Anton for massive vertical spine titles with Space Mono for monospaced project details. CSS-only modal overlays for Work, About, and Contact pages open via the :target pseudo-class, complete with backdrop blur and smooth entry animations. Compression is fully responsive and stacks into a vertical mobile layout below 900px. It includes staggered entrance animations, custom scrollbar styling, gradient header and footer scrims, and prefers-reduced-motion support. This free template is ideal for designers, photographers, creative agencies, and studios looking for a bold, no-framework portfolio with a distinctive editorial aesthetic.",[9,10,11,12,13],"portfolio","one-page","dark-theme","css","gallery","\u002Fthumbnails\u002Ftm-620-compression.jpg","https:\u002F\u002Ftemplatemo.com\u002Ftm-620-compression","2026-06-11T12:48:42.621Z",[18,22,26,30],{"slug":19,"name":20,"image":21},"tm-616-split-index","616 Split Index","\u002Fthumbnails\u002Ftm-616-split-index.jpg",{"slug":23,"name":24,"image":25},"tm-615-amber-folio","615 Amber Folio","\u002Fthumbnails\u002Ftm-615-amber-folio.jpg",{"slug":27,"name":28,"image":29},"tm-595-3d-coverflow","595 3d Coverflow","\u002Fthumbnails\u002Ftm-595-3d-coverflow.jpg",{"slug":31,"name":32,"image":33},"tm-625-folio-slideshow","625 Folio Slideshow","\u002Fthumbnails\u002Ftm-625-folio-slideshow.jpg",1781278960517]