Raster
00:00 Zürich
Let's talk

Raster / Overview

Booking Q1 2027

Zürich · 00:00

Est. 2014

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
25
Every page in this overview
CMS
3
Projects, posts and roles
Layouts
3
For home, about, work, news, pricing
Motion
GSAP
Loaded with Astro

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 · dark and white versions
Page
#0b0b0b
Panel
#141413
Tile
#191918
Muted
#8a8a86
Ink
#f2f2f0
Breakpoints
  • Desktop
    1440px
    12 cols
  • Tablet
    991px
    6 cols
  • Mobile L
    767px
    4 cols
  • Mobile
    390px
    1 col
CMS collections
  • Projects
    07
    Work 1–3, Work Page
  • Posts
    06
    News 1–3, News Page
  • Roles
    04
    Careers, Careers Page
Components
Navbar
Footer
CTA Section
Buttons
Page transition
Preloader
Motion · GSAP 3.13
ScrollTrigger
SplitText
CustomEase
DrawSVG
Every animation loads through Lumen. No custom code to install.

01 / Homes

Three ways in.

03 pages
01
Preview of the Home 1 page
Home 1
Dot field hero, pinned showreel
02
Preview of the Home 2 page
Home 2
Stepped headline, chapter scroll
03
Preview of the Home 3 page
Home 3
Full-bleed photo, bento case
Tip

Pick one layout, delete the other two in Lumen. They share every component.

03 layouts

02 / About

The studio, three ways.

03 pages
01
Preview of the About 1 page
About 1
Cover, principles, timeline
02
Preview of the About 2 page
About 2
Sticky story, hover team list
03
Preview of the About 3 page
About 3
Mosaic, drag team, big quote
Tip

Pick one layout, delete the other two in Lumen. They share every component.

03 layouts

03 / Work

Projects and a template.

04 pages
01
Preview of the Work 1 page
Work 1
Filtered two-column grid
02
Preview of the Work 2 page
Work 2
Index list, cursor preview
03
Preview of the Work 3 page
Work 3
Sticky stacking covers
04
Preview of the Work case study page
Work Page
CMS template

04 / News

Notes and a template.

04 pages
01
Preview of the News 1 page
News 1
Feature and filtered grid
02
Preview of the News 2 page
News 2
Rows that open on hover
03
Preview of the News 3 page
News 3
Magazine layout
04
Preview of the News article page
News Page
CMS template

05 / Pricing

Three ways to pay.

03 pages
01
Preview of the Pricing 1 page
Pricing 1
Plans, compare table, add-ons
02
Preview of the Pricing 2 page
Pricing 2
Live scope estimator
03
Preview of the Pricing 3 page
Pricing 3
Monthly retainers
Tip

Pick one layout, delete the other two in Lumen. They share every component.

03 layouts

06 / Contact & careers

Ways to reach the table.

04 pages
01
Preview of the Contact 1 page
Contact 1
Info rail and full form
02
Preview of the Contact 2 page
Contact 2
Three doors, one line
03
Preview of the Careers page
Careers
Perks, process, open roles
04
Preview of the Careers role page
Careers Page
CMS template

07 / Utility

Built in the Designer.

06 pages
01
Style Guide
Type, colour, buttons, forms
In Lumen
02
Instructions
How to edit the GSAP motion
In Lumen
03
Licenses
Fonts, images, icons, GSAP
In Lumen
04
Changelog
Version history
In Lumen
05
404
Page not found
In Lumen
06
Password
Protected page
In Lumen