.hero-fullbleed-photo

Full-Bleed Photo Hero

Edge-to-edge photo, gradient scrim, overlaid nav, text-shadowed headline and CTA.

Alpine season

Wake above the treeline

Guided sunrise hikes with route notes, weather windows, and small groups.

.hero-split-media

Split Media Hero

Solid nav bar, then equal copy | photo columns that stack on small screens.

Workspace OS

Clarity for every project board

Plan sprints, share updates, and keep stakeholders aligned without another tab maze.

Team collaborating at a shared workspace
.hero-solid-type

Solid Type Hero

No photo — soft color field, strong type hierarchy, nav and dual CTAs.

Independent writing

Longform that respects your attention

Weekly essays on craft, cities, and the systems that shape everyday life.

.hero-clip-diagonal

Clip Diagonal Hero

Nav in a top band; diagonal clip-path media; copy card in the unclipped safe zone.

Spring exhibit

Lines that cut the skyline

A photography series on infrastructure, shadow, and the angles cities hide.

.hero-overlay-glass

Overlay Glass Hero

Photo background, glass-tinted nav, frosted content panel with soft depth.

Waterfront hotel

Quiet rooms over the pier

Slow mornings, harbor light, and a lobby that feels like a reading room.

.hero-center-minimal

Center Minimal Hero

Centered eyebrow, headline, one line, single CTA — generous whitespace, faint pattern.

Design practice

Interfaces with room to breathe

We design products where hierarchy, motion, and copy do the heavy lifting.

.hero-video-poster

Video Poster Hero

Full-bleed poster, centered play control, bold title; poster affordance only.

The last ferry leaves at dusk

A short documentary on harbor crews, tide tables, and leaving on time.

.hero-offset-photo

Offset Photo Hero

Editorial asymmetric layout — solid copy block offset over the photo.

Issue 48

Markets that open before the city does

Portraits from dawn vendors, with recipes written in the margins.

Market produce stalls
.hero-product-shot

Product Shot Hero

Benefit headline, dual CTAs, bottom-aligned device screenshot visual.

Health OS

Your vitals, without the noise

Trends you can trust, reminders that stay quiet, and shared care notes.

Pulse health app dashboard on a phone screen
.hero-mesh-gradient

Mesh Gradient Hero

Layered radial mesh gradients as the primary visual — nav, headline, CTAs.

Creative cloud

Color systems that ship with the product

Tokens, previews, and handoff notes that keep brand and engineering in sync.

.hero-stats-strip

Stats Strip Hero

Nav, pitch, CTAs, then a row of big metric numbers with labels.

Operations

Ship with numbers the whole team trusts

Live dashboards, shared definitions, and alerts that only fire when it matters.

98%Uptime SLA
12kActive teams
4.9Avg rating
35msp95 query
.hero-form-lead

Form Lead Hero

Split pitch and signup card (email + submit); stacks on mobile.

Waitlist

Join the beta for quieter campaigns

One inbox for drafts, approvals, and send windows — without the spreadsheet pile-up.

Get early access

We send one invite email. No drip sequence.

.hero-map-location

Map Location Hero

Map-pattern field, pin marker, address chip, and directions CTA.

Open · closes 9pm

Find us on Pine & 4th

214 Pine Street, Suite B — two blocks from the market hall.

.hero-illustration-scene

Illustration Scene Hero

Nav and copy beside a large CSS abstract illustration — not photo, not pure gradient.

Learning loops

Practice that orbits your goals

Short drills, spaced review, and progress you can see without a spreadsheet.

Hand-drawn learning illustration with books and orbit rings
.hero-motif-portrait

Motif Portrait Hero

Cool slate SVG wash, circular portrait mask, restrained geometric accents, contact pill, section-exit wave.

Digital marketing

Strategies that compound

Campaign systems, clear reporting, and brand voice that stays consistent across every channel.

+1 555 0199
Marketing strategist smiling toward camera
.hero-feature-pills

Feature Pills Overlap Hero

Asymmetric split, layered right scene, vertical social rail, three pills overlapping the seam.

Finance ops for growing teams

Close books without the late-night scramble

Approvals, reconciliations, and shared dashboards in one calm workspace.

Professional smiling with a tablet
Live sync Bank feeds update every hour.
Approvals Route spend with clear owners.
Audit trail Export-ready history by default.
.hero-trail-texture

Trail Texture Hero

Cutout photography + dashed SVG trails, layered SVG blob, rings/dots, irregular photo edge, SVG exit wave.

Explore the world

Enjoy a great adventure

Trail notes, elevation honesty, and campsites that still have quiet hours.

Mountain trail landscape Hikers cutout
.hero-organic-blob

Organic Blob Scene Hero

Split copy beside an SVG Bézier blob; illustration breaks out of the silhouette with micro-accents.

Creative

Solutions that stay playful

Brand systems, motion kits, and launch sites for teams who want clarity without stiffness.

Hand-drawn creative character with lightbulb
.hero-search-collage

Search Hub Collage Hero

Multi-field search hub, photo collage with floating cards, avatar proof, soft bokeh, SVG wave exit.

Unlock your next role with clarity

Filter by place and craft, then search titles that match how you actually work.

Professional candidate portrait
Upload your resume
45k+ Candidates
.hero-agency-seam

Agency Wave Seam Hero

Layered teal/slate SVG hero-field waves; laptop mockup on the light/colour seam; soft exit swell.

Creative agency

Building digital products, brand & experience

Research through launch chrome—interfaces that feel inevitable once you use them.

Agency dashboard mockup on a laptop screen
.hero-undraw-scene

Undraw Scene Hero

Split copy beside a large undraw-style flat illustration; soft field; light geometric accents.

Practice studio

Learn by building calm, clear interfaces

Short lessons, real layouts, and illustration-led heroes that stay readable on every screen.

Flat illustration of people learning beside a browser window
.hero-cutout-orbit

Cutout Orbit Collage Hero

SVG circular blob field, cutout subject on the seam, three floating feature chips, dual-tone headline.

Travel studio

The adventure is waiting for you

Cutout photography over a soft SVG field keeps faces sharp while feature chips orbit the subject.

Hotel booking
Flight tickets
Local guides
Three teammates standing together
.hero-soft-panel

Soft Panel Product Hero

Cool field, dual-tone headline, soft rounded panel behind a product shot, faint ghost brand mark.

Personal audio

Sound that stays with you

A calm product stage: soft panel, clear type, and one dominant device—no floating promo clutter.

Aura One device screen showing the product interface
.hero-inset-stage

Inset Photo Stage Hero

Centered pitch above a large rounded inset photo; cutout subject breaks the stage edge; SVG exit wave.

Travel made simple

Where will you go next?

One clear pitch over a photographic stage—the cutout carries motion without crowding the copy.

Tropical beach shoreline at dusk
.hero-proof-loop

Proof Loop SaaS Hero

Split SaaS pitch with dual CTAs, text proof chips, and a four-node organisational loop diagram on a light field.

Organisational memory

Keep decisions alive after the meeting

Capture context once, loop it through the people who need it, and stop rediscovering the same answers.

  • Teams at Grove
  • Northline Labs
  • Harbor Co
.hero-skew-book

Skew Band Booking Hero

Full-bleed photo with scrim, centered display type, compact booking form, skewed accent band as section exit.

Weekend escapes

Reserve the stay before the map fills up

One booking form on the photo—destination and date, then go.

.hero-editorial-cutout

Editorial Offset Cutout Hero

Personal-brand type stack, dual CTAs, vertical social rail, standing cutout bleeding past the hero edge.

Hi, I am

Alex Rivera

Brand & product designer

I shape calm interfaces and clear brand systems for teams that ship every week.

Alex Rivera standing portrait cutout