# Bakers: design reference

> Bakers (bakers.studio): a monochrome branding studio website built with Framer, using WebGL, set in Suisse Intl. A studio portfolio from Arche Directory, a hand-picked reference library of carefully made websites.

- Website: https://bakers.studio
- On Arche: https://arche.directory/sites/bakers
- First screen: https://media.arche.directory/shots/bakers.webp?v=6529ae4799
- Full page: https://media.arche.directory/shots/bakers-full.webp?v=6f245a1b66
- Motion preview (6 s video): https://media.arche.directory/videos/bakers.mp4?v=dab9cb84bf

## Design notes

Bakers is a monochrome branding studio website working across branding, product design and development. Typefaces detected: Suisse Intl. Headings and text share a sans-serif voice. The first screen is a light page built around off-white (#F8F8F8), with almost no colour. It is built with Framer and uses WebGL graphics. It opens with the line “See more works”.

## Facts

- Category: Studio portfolio
- Discipline: Branding, Product design, Development
- Style: Monochrome
- Built with: Framer
- Technique: WebGL
- Typefaces: Suisse Intl
- Dominant colour: #F8F8F8 (light page)
- Opening line: “See more works”

## How to use it

Use Bakers as a starting point, not a template. Learn from what makes it work (its type scale, spacing, density, colour temperature and how much moves), mix in other references and your own brand and ideas, and build something recognisably yours with your own name, copy and images. Do not copy its text, logo, images or exact layout; the site belongs to its owners.

## Similar references

- [Partners in _ Studio](https://arche.directory/sites/partnersin.md)
- [Iverson](https://arche.directory/sites/iverson.md)
- [Norgram](https://arche.directory/sites/norgram.md)

## More

- Arche MCP (https://arche.directory/mcp) gives an agent this site measured on the live page: its design system as CSS variables or Tailwind, its animations as CSS / GSAP / Motion code, and its sections. $7/month, free during early access.
- How to give an AI a website reference: https://arche.directory/guides/website-references-for-ai