Projects

🖼️ Create image

🖼️ Create image

A white dot travels along blue kinetic curves on a grid, illustrating smooth energy transfer and speed
Side-by-side dark panels showing a flat blue base gradient and a vibrant, multi-colored undulating wave

Finish Setup

Get the most out of Cosmos by
completing the following steps:

Watch Tutorial

Setup Profile

Create a Cluster

Get the Extension

ProducerAI

ProducerAI

A new agentic creative partner, designed to help you create music, whether you're writing lyrics, refining a melody, or inventing entirely new genres.

Try It Now

Blue radial gradients ripple outward in a smooth, rhythmic motion to represent Gemini’s voice waves.

Precision crafted. Performance ready.

From $289.99

$349.99

Save $60

or $24.17/month with 12-month financing*

Buy

41mm

45mm

Pixel Watch 4

Overview

Tech specs

Compare

From $289.99$349.99

or $24.17/month with 12-month financing*

Get 10% back in credit with your Google One membership

Buy

CHALLENGE 1

Arrow pointing to play button

Your inbox is full of meeting RSVPs. Can Claude archive only the RSVPs for you?

Gabe Mulley

Accepted: Team lunch this Friday

Amol Avasare

Q4 Budget Report - Please Review

Darshan Patel

Accepted: Product demo session

Lisa Crofoot

System maintenance tonight - heads up

Kyle Gao

Tentative: Coffee chat next week

Nicole Sim

Accepted: Quarterly review meeting

Si Min Lee

IMPORTANT: Client presentation needs review ASAP

Soft, glowing organic shapes from Material design system in yellow, pink, and red with blurred edges

Make "Design decisions" sections more discoverable. The expandable "Design decisions" bars that appear after the Watch, Phone, and Glasses sections need a subtle attention cue. Add a gentle pulse or soft glow animation that plays once when the element first scrolls into view. Don't make it aggressive — just enough that a skimming reader notices there's interactive content to explore.

Add a "Built with Claude Code" badge near the footer. Next to or just below "A design provocation by Derek Glazier / For Staff Product Designer, Google Labs," add a small line that reads "Built with Claude Code" accompanied by a small Claude Code logo. Style it subtly — monospace font, smaller size, reduced opacity. It should feel like a quiet maker's mark, not a headline.

Add two CTA buttons at the end of the page. After the closing thesis statement and attribution, add two buttons side by side, centered: "See more work" as the primary button and "Let's chat" as the secondary button. The primary button should use the site's accent green (#D5FF91) with dark text. The secondary button should be outlined/ghost style — a border in #D5FF91 with no fill, keeping the dark background visible. Both buttons should have hover states consistent with the site's aesthetic. "See more work" links to https://www.derekglazier.com and "Let's chat" links to mailto:derek.glazier@gmail.com.

Quality-check the glasses section assets. Review the images in the AR glasses carousel — they appeared lower resolution than the Watch and Phone mockups. If higher-res source assets are available, swap them in. If not, consider adding a subtle blur or grain overlay that makes the softness feel intentional and cinematic rather than like compression artifacts.

Laptop
Tablet
Phone