Catalog · every reusable block

Sections.

Every pattern from SECTION-PATTERNS.md rendered in Stamen's voice, plus the brand-specific signature patterns. All copy is verbatim or in-voice with the live site.

hero-photo-led

Asymmetric left-aligned hero — wordmark scale headline on the left, a real piece of project work on the right. No gradient blobs.

25 years · San Francisco

Helping people find and tell more beautiful stories with data.

A data visualization and cartography studio. Our work lives in museum collections, on news front-pages, and inside Google's products.

AWS basemap

hero-centered

Typography-only hero. No photo. For internal landings, manifesto pages, give pages.

Manifesto

We design from data, not the other way around.

Most studios bolt visualization onto a finished story. We let the data shape the story. There is no "one size fits all" project for Stamen.

intro-statement

Single editorial paragraph, often following a hero. Sets the studio's posture in 1–3 sentences.

What we're about

Our ability to find and illuminate the story in the data is central to how we work, and it's what makes us unique.

three-card

Canonical value-prop block. In Stamen voice: the three service lines (storytelling · cartography · interactive).

map-trinity-showcase Signature

The Toner / Watercolor / Terrain trinity — Stamen's strongest visual citation. Rendered here as CSS evocations (not real tiles). Always with style names as captions.

Editorial · B&WToner
Cooper Hewitt collectionWatercolor
TopographicTerrain

Live tiles via stadiamaps.com/stamen

image-right-text-left

Mid-page narrative beat. Text on the left, image on the right.

Case study · 2024

AWS Location Service basemap refresh.

A full design refresh of Amazon's global basemap tiles. Shipped in 2023, refined in 2024 for legibility at every zoom level — from continental down to neighborhood.

The challenge: serve every possible developer use-case (delivery routing, asset tracking, retail planning) with one coherent basemap. We took inspiration from the Toner discipline — let the data do the work, let typography carry the load.

Read case study
AWS basemap

image-left-text-right

Flipped variant. Image left, text right. Used in alternation with above to create visual rhythm.

UCSF Health Atlas
Case study · Health equity

UCSF Health Atlas.

Geographic disparities in California health outcomes, made navigable for researchers, journalists, and policymakers.

Built with our signature data-romance — every county is interactive, every metric defensible, every story rooted in the published literature.

Read case study

staff-grid

Team listing. 4–12 cards.

ER

Eric Rodenbeck

Founder & CEO

Founded Stamen in 2001. Reading Cradle to Cradle.

JE

Jen Tickle

Senior Designer

Cartography lead on the AWS basemap refresh.

AS

Alan McConchie

Senior Cartographer

Wrote the Toner style guide.

SF

Sarah Bell

Design Technologist

Build engineer on the Cooper Hewitt installation.

staff-profile

Single-person feature with photo, bio, and reading-now sidebar.

Founder · CEO

Eric Rodenbeck.

Founded Stamen in 2001 in San Francisco's Mission District. Speaker at TED, OFFF, Mappy Hour, and dozens of other venues. National Design Award (Smithsonian) recipient.

"We want to be more effective than we are efficient" — a framing borrowed from McDonough and Braungart's Cradle to Cradle, and the closest thing to a Stamen mission statement.

Full bio
Eric Rodenbeck
Reading now

Cradle to Cradle

McDonough & Braungart

beliefs-list top-rule variant of value-tile

When you need a numbered top-rule grid (label above headline). Add .top-rule modifier to .value-tile.

01

Customizing our approach

Our small size means we take a highly personalized approach.

02

Being full-stack humans

Depth, breadth, and a love of complicated problems.

03

Doing good with data

Positive impact in our communities and in the world.

04

Design by doing

We design from data, not the other way around.

what-were-about Signature · live-site exact

Stamen's flagship 4-up "What we're about" block. Vertical YELLOW LEFT-RULE on each tile, lowercase headline. Below the grid: centered .btn-yellow-shadow "Work With Us" CTA with the hard 8×8 offset shadow.

What we're about

design by doing

Our ability to find and illuminate the story in the data is central to how we work, and it's what makes us unique. We design from data, and not the other way around.

customizing our approach

There is no "one size fits all" project for Stamen. Our small size means we take a highly personalized approach, emphasizing collaboration and flexibility with our clients.

being full-stack humans

We've got depth, and we've got breadth. We love tackling big, thorny and complicated projects, and we love to learn new things.

doing good with data

We exist to make data insightful and actionable. And we're quite serious about our work having a positive impact in our communities and in the world.

Work With Us

services-dark Signature · live-site exact

Black-ground section that hosts the 4 plant icons in white outline as a service-tile grid. This is the ONLY place on the live Stamen site where all four plant icons appear together — they ARE the service iconography, not decorative ornaments.

events-list

Upcoming dates. Used for workshops, talks, conferences.

May 14 · 2026

Cartographic Design Census — talk

State of the Map US · Madison, WI

RSVP
Jun 03 · 2026

Mapmaking Workshop · 2-day intensive

In-studio · 6 spots remaining

Register
Sep 20 · 2026

Mappy Hour SF · open house

Studio, Mission District · free RSVP

RSVP

museum-credits-strip Signature

Horizontal strip of museum names — the trust marks that work better than client logos. Used above footer or at top of About.

Permanent collections
Smithsonian National Design Award Cooper Hewitt MoMA V&A SFMOMA

client-grayscale-grid Signature

Grid of real client logos, grayscale 65% opacity, hover → full color. From the live /about/ page.

Google
National Geographic
CNN
Twitter
Facebook
NYC
Washington Post
Tableau
Nike
Audubon
TLCBD
+ 30 more

reading-now-card Signature

A card with an inline yellow eyebrow and a book reference in Georgia italic. Echoes the Rodenbeck Cradle to Cradle reference.

Reading now · Eric Rodenbeck

Cradle to Cradle: Remaking the Way We Make Things

William McDonough & Michael Braungart

Reading now · Studio

How to Lie with Maps

Mark Monmonier · 3rd edition

design-by-doing-block Signature

The brand's signature phrase rendered at hero-scale, lowercase, with full-yellow fill on the strongest word.

design by doing

We design from data, not the other way around. Every engagement is an opportunity for invention and discovery.

faq-section

Accordion-style FAQ with toner-rule top border and + → × rotate toggles.

How long is a typical Stamen engagement?

Most projects run 3–9 months. Short data-storytelling pieces can land in 4–6 weeks; full-stack cartography platforms typically run 6+ months with a maintenance contract after launch.

Do you take fixed-price work?

Yes, for tightly scoped deliverables. For research-led engagements (most of our work), we prefer T&M with a budget cap — invention is hard to fixed-bid.

Are the Toner / Watercolor / Terrain map styles still free?

Yes — distributed via stadiamaps.com/stamen since 2023. Free tier available for low-volume use; paid tiers for production.

Can you work in our existing design system?

Always. We co-design — your brand, our craft. We've extended design systems for Google, National Geographic, the Washington Post, and dozens more.

Do you teach workshops?

Yes. 2-day in-studio intensives in cartography and data viz. Public workshops 2–3 times per year; private workshops on request.

cta-band

Full-width conversion moment. Yellow ground (default) or black ground (alt).

Let's talk

Have a data story that needs telling?

We're a small team — every project comes with founder-level attention.

Open source

Use the Stamen map styles in your own project.

Toner, Watercolor, and Terrain — free for low-volume use via Stadia Maps.

closing-block

Final editorial moment before footer. Reassurance or directive in 1–2 sentences.

design by doing

25 years of practice. Transparency, curiosity, and joy — three things we keep coming back to. Tell us what you're working on.