No. 29 of 106

Team Member Grid

The masthead: editors and staff.

    On this page
  1. Team Member Grid
  2. A digital agency's "Meet the team" page
  3. A creative studio's people wall
  4. A design school's faculty page
  5. A conference's speaker line-up
NEWSON · ELEMENT NO. 29

10 card styles, from 3D flip cards and photo reveals to frosted glass and orbit rings. Department filter tabs, four color modes, skills, 8 social networks, tilt and spotlight hover, and staggered entrance animations.

Olivia Bennett
Leadership

Olivia Bennett

CEO & Co-founder

Former product lead who started the company to make hiring fair and fast for small teams.

Marcus Reed
Leadership

Marcus Reed

Chief Technology Officer

Built the platform from a weekend prototype to millions of requests a day.

Paige Nolan
Leadership

Paige Nolan

Head of Design

Runs a small, sharp design team focused on clarity, accessibility and craft.

Daniel Okafor
Leadership

Daniel Okafor

VP of Growth

Turns experiments into repeatable channels, from content to partnerships.

STYLE 01 · AURORA CARD · DEPARTMENT FILTER

Filter tabs are built automatically from each member's department · colors by department · skills chips

Emma Collins
Design

Emma Collins

Brand Designer

Builds identities that feel as good on a phone screen as on a billboard.

  • Branding
  • Figma
  • Illustration
Noah Parker
Engineering

Noah Parker

Front-end Developer

Turns designs into fast, accessible interfaces without losing a pixel.

  • React
  • TypeScript
  • CSS
Chloe Walsh
Design

Chloe Walsh

UX Researcher

Talks to real users every week so the team never designs in the dark.

  • Interviews
  • Testing
  • Journeys
Ethan Cole
Engineering

Ethan Cole

Back-end Engineer

Keeps APIs quick, secure and boringly reliable.

  • PHP
  • Node
  • AWS
Isabella Ruiz
Marketing

Isabella Ruiz

Content Strategist

Plans content that ranks, gets shared and actually gets read.

  • SEO
  • Copywriting
  • Editorial
Samuel Lee
Marketing

Samuel Lee

Performance Marketer

Runs paid campaigns with a spreadsheet in one hand and creative in the other.

  • Google Ads
  • Meta
  • Analytics
Grace Kim
Strategy

Grace Kim

Account Director

The calm voice on every kickoff call, keeping clients and timelines aligned.

  • Clients
  • Planning
  • Workshops
Leo Martins
Strategy

Leo Martins

Strategy Lead

Finds the one sentence that explains why a brand should exist.

  • Positioning
  • Research
STYLE 02 · PHOTO REVEAL · GRAYSCALE → COLOR

Full-bleed portraits · on hover the photo comes into color and the bio + socials slide up

Mia Laurent
Studio

Mia Laurent

Art Director

Shapes the look of every campaign, from moodboard to final frame.

Jonah Fischer
Studio

Jonah Fischer

Motion Designer

Makes logos breathe and interfaces feel alive, one keyframe at a time.

Zoe Hart
Studio

Zoe Hart

Photographer

Shoots products and people in natural light, on location or in the studio.

Victor Hale
Studio

Victor Hale

Founder & Creative Lead

Started the studio after ten years in agencies, and still sketches every idea by hand first.

STYLE 08 · 3D FLIP CARD

Portrait on the front, and bio, subjects, contact and a profile button on the back · hover on desktop, tap on mobile

Dr. Helen Moore
Faculty

Dr. Helen Moore

Head of Visual Design

Dr. Helen Moore

Dr. Helen Moore

Head of Visual Design

Twenty years teaching typography and layout, and author of two books on grid systems.

  • Typography
  • Layout
  • Color
Full profile
Prof. Alan Whitaker
Faculty

Prof. Alan Whitaker

Interaction Design

Prof. Alan Whitaker

Prof. Alan Whitaker

Interaction Design

Teaches prototyping and usability, with a soft spot for paper prototypes.

  • Prototyping
  • Usability
Full profile
Sara Lindqvist
Faculty

Sara Lindqvist

UX Writing

Sara Lindqvist

Sara Lindqvist

UX Writing

Helps students find the right words for buttons, errors and empty states.

  • Microcopy
  • Voice
  • Tone
Full profile
Omar Haddad
Faculty

Omar Haddad

Creative Coding

Omar Haddad

Omar Haddad

Creative Coding

Mixes code and art: generative visuals, installations and interactive web.

  • JavaScript
  • p5.js
  • WebGL
Full profile
STYLE 04 · FROSTED GLASS · OVER A PHOTO

Glass cards blur whatever is behind them · a gradient glow behind each avatar · light sweep on hover

Allison Reed
Keynote

Allison Reed

Design Systems Lead

Opening keynote on scaling one design system across twelve products.

  • Keynote · Day 1
Richard Stone
Talk

Richard Stone

Staff Engineer

How his team cut page load time in half without a rewrite.

  • Performance · Day 1
Lily Chen
Workshop

Lily Chen

Accessibility Advocate

A hands-on workshop testing real sites with screen readers.

  • Workshop · Day 2
Tom Becker
Talk

Tom Becker

Creative Technologist

Live-coding scroll animations that stay smooth on cheap phones.

  • Motion · Day 2
STYLE 06 · COLOR BAND · PER-MEMBER COLORS

Each person picks their own accent color · animated gradient band · email button included

Hannah Scott
Support

Hannah Scott

Customer Success Lead

Makes sure every new customer is set up and happy within their first week.

Carlos Mendes
Support

Carlos Mendes

Onboarding Specialist

Runs live onboarding calls and writes the guides everyone bookmarks.

Mei Tanaka
Support

Mei Tanaka

Support Engineer

Solves the tricky technical tickets, usually before lunch.

Ryan Patel
Support

Ryan Patel

Community Manager

Hosts the monthly community call and keeps the forum friendly.

STYLE 07 · FLOATING PANEL · ONE BRAND GRADIENT

Big portraits with a white info panel floating over them · every card in the firm's own colors · profile button

STYLE 05 · ORBIT RING · 3D TILT

A gradient ring and a glowing dot orbit each avatar · cards tilt towards the cursor · minimal icons

Felix Andersson
Core

Felix Andersson

Core Maintainer

Reviews most pull requests and keeps the release train on time.

  • Rust
  • CLI
Ruby Alvarez
Docs

Ruby Alvarez

Docs Lead

Rewrote the docs from scratch, and support questions dropped by half.

  • Docs
  • MDX
Kyle Sanders
Core

Kyle Sanders

Plugin Ecosystem

Maintains the plugin API and helps authors publish their first plugin.

  • TypeScript
  • APIs
Nora Petrova
Community

Nora Petrova

Community & Triage

Welcomes new contributors and labels every issue within a day.

  • Triage
  • Events
STYLE 09 · EDITORIAL FRAME

Numbered, left-aligned, with an offset gradient frame that shifts on hover · reads like a printed masthead

Sofia Marin
01
Editorial

Sofia Marin

Editor-in-Chief

Sets the tone of every issue and still edits the cover story line by line.

Adrian Kowalski
02
Editorial

Adrian Kowalski

Features Writer

Long-form stories on design, cities and the people who shape them.

Theo Grant
03
Editorial

Theo Grant

Photo Editor

Commissions and curates every photo that makes it into print.

STYLE 10 · SOCIAL SLIDE · SEGMENTED FILTER

Social buttons slide in from the side of the photo · segmented filter by niche · rainbow colors

Jade Morgan
Travel

Jade Morgan

Travel Creator

Slow travel, trains and small towns across Europe.

Ava Sinclair
Beauty

Ava Sinclair

Beauty Creator

Honest skincare reviews and five-minute routines.

Kai Nakamura
Tech

Kai Nakamura

Tech Reviewer

Clear, no-hype reviews of phones, laptops and desk setups.

Layla Haddad
Food

Layla Haddad

Food Creator

Weeknight recipes with big flavor and short shopping lists.

Freya Olsen
Travel

Freya Olsen

Adventure Creator

Hiking, camping and cold-water swimming in the far north.

Yasmin Cole
Beauty

Yasmin Cole

Makeup Artist

Bold looks, step-by-step, for every skin tone.

Andre Wilson
Tech

Andre Wilson

Gadget Creator

Unboxings and long-term tests of the gear people actually buy.

Diego Santos
Food

Diego Santos

Home Chef

Family recipes from Brazil, cooked in a tiny kitchen.

106 elements for news, Team Member Grid included. 10 card styles, ready for any about page.