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