Every page,
on one grid.
Raster ships with three homes, three layouts for each key page, three CMS templates and the utility pages.
Start with Home 1
↗
Pages
24
Every page in this template
CMS
3
Projects, posts and roles
Layouts
3
For home, about, work, news, pricing
Motion
1 file
One motion component, tags in layer names
00 / In the box
One system,
every detail.
Spec sheet
Display · Inter
Aa
Inter
300 to 700 · optical size
Labels · Geist Mono
01/
Geist Mono
400, 500 · uppercase labels
Colour · Night and Day versions
Page
#0b0b0b
Panel
#141413
Tile
#191918
Muted
#8a8a86
Ink
#f2f2f0
Breakpoints
Desktop
1280px
12 cols
Tablet
810px
6 cols
Phone
390px
2 cols
CMS collections
Projects
07
Work 1–3, Work Page
Posts
06
News 1–3, News Page
Roles
04
Careers, Careers Page
Components
Navigation
Footer
CTA
Buttons
Theme toggle
Forms
Motion · RasterMotion
Reveals
Odometers
Pinned scenes
Cursor
Every effect runs from one motion file. Rename a layer tag to switch it off.
01 / Homes
Three ways
in.
03 pages
01
↗
Home 1
Dot field hero, pinned showreel
02
↗
Home 2
Stepped headline, chapter scroll
03
↗
Home 3
Full-bleed photo, bento case
Tip
Pick one layout, delete the other two in Framer. They share every component.
03 layouts
02 / About
The studio,
three ways.
03 pages
01
↗
About 1
Cover, principles, timeline
02
↗
About 2
Sticky story, hover team list
03
↗
About 3
Mosaic, drag team, big quote
Tip
Pick one layout, delete the other two in Framer. They share every component.
03 layouts
03 / Work
Projects
and a template.
04 pages
04 / News
Notes
and a template.
04 pages
05 / Pricing
Three ways
to pay.
03 pages
01
↗
Pricing 1
Plans, compare table, add-ons
02
↗
Pricing 2
Live scope estimator
03
↗
Pricing 3
Monthly retainers
Tip
Pick one layout, delete the other two in Framer. They share every component.
03 layouts
06 / Contact & careers
Ways to
reach the table.
04 pages
07 / Utility
Built in
the Framer editor.
06 pages
01
Design System
Type, colour, buttons, forms
Live page
02
Instructions
How to edit the template and the motion
Design page
03
Licenses
Fonts, images, icons
Design page
04
Changelog
Version history
Design page
05
404
Page not found
Live page
06
Templates
Main and Main + CTA layouts
Assets
