Raster Framer Template

About this template

A studio site drawn on a strict grid

Raster is a template for design studios, creative agencies and independent designers who want their website to look as precise as their work. Every page sits on a visible column grid with hairlines and corner ticks, set in large, tight type, with motion that feels engineered rather than decorative.

20 pages, ready to edit

Overview page that shows every layout in the template

Three homepages, each with its own structure and motion

Three About pages: timeline, values and team

Three Work pages: filterable grid, hover list and stacked cases

Three Pricing pages, including a live project estimator

Two Contact pages: a fill-the-blanks project brief and a quick-message page with live studio clocks

Three News pages and a Careers page

404 page

CMS included

Projects (7 cases with gallery, client quote and "next case" link)

Journal posts (6 posts with topics, featured flag and read-next list)

Roles (4 open positions with an application form)

Work and News filters run on the CMS, and detail pages link to the next case, related posts and other roles on their own.

Motion that does the work

Preloader and a column-panel page transition between every page

Scroll-pinned scenes: stacked process cards, horizontal case study, showreel that settles into a grid

Odometer counters, letter-roll headlines, rotating words, spotlight lists and accordions

Cursor-reactive dot field on the hero

Reduced-motion support throughout

Day and night

A theme toggle in the navigation switches the whole site between a dark and a light palette, including active and hover states.

Details

Desktop, tablet and phone layouts on every page

Colour styles for both themes and a full set of fluid text styles

Native Framer forms with sending, success and error states: project brief, enquiry, quick message, job application and newsletter

SEO title and description on every page, including CMS pages