About.Meta

CLIENT — META
ROLE — DESIGN DIRECTION
YEAR — 2022
TYPE — DESIGN SYSTEM

Jake-Palu-About-Meta-Design-System-01@2x

A LONG-TERM PARTNERSHIP

Over years of collaboration with Meta, dating back to the Facebook era I led design efforts across a range of landing pages and brand initiatives. By the time the company rebranded, aboutmeta.com had grown complex and inconsistent, built from disconnected modules without shared principles. When the ask came to modernize the experience, I saw an opportunity to create a scalable system that could unify how Meta shows up.

Jake-Palu-About-Meta-Design-System-02
Jake-Palu-About-Meta-Design-System-03@2x
Jake-Palu-About-Meta-Design-System-04-1

FROM ATOMIC TO MODULAR

My team began at the atomic level: documenting brand standards, defining type, color, grid, and motion, and building a library of foundational components, buttons, inputs, cards, and navigation patterns. These atomic pieces evolved into a modular framework flexible enough to handle both legacy content and new storytelling needs. I ensured every decision balanced familiarity with forward motion, setting the stage for a truly cohesive system.

Jake-Palu-About-Meta-Design-System-01b@2x

SHOWCASE META'S MISSION

Beyond company information, my team pressure-tested the system across Trust & Safety, Careers, and the Meta Store validating patterns and ensuring a smooth migration of content. The result was a cohesive, scalable design system that connected corporate transparency, culture, and innovation under one unified language.

Jake-Palu-About-Meta-Design-System-05-1
Jake-Palu-About-Meta-Design-System-06-1
Jake-Palu-About-Meta-Design-System-07-1
Jake-Palu-About-Meta-Design-System-08
Jake-Palu-About-Meta-Design-System-09

UNIFIFYING THE ECOSYSTEM

The system extended naturally into Trust & Safety surfaces covering privacy, transparency, and community standards. These sections required warmth and accessibility without losing authority. I advocated for designed layouts that balanced rich photography at varying ratios with more utility-driven content, ensuring the right mix of emotion and structure. 

Jake-Palu-About-Meta-Design-System-10
Jake-Palu-About-Meta-Design-System-11
Jake-Palu-About-Meta-Design-System-12
Jake-Palu-About-Meta-Design-System-13

SCALING TO TECHNOLOGIES

From past experience working with Meta, I knew that surfacing and highlighting both the product and its impact would be essential for the design system. We built in ways to feature physical and software products side by side with the people who use them, creating moments of connection and purpose throughout the experience while keeping Meta’s mission at the center.

Jake-Palu-About-Meta-Design-System-14
Jake-Palu-About-Meta-Design-System-15
Jake-Palu-About-Meta-Design-System-18-1
Jake-Palu-About-Meta-Design-System-19
Jake-Palu-About-Meta-Design-System-16
Jake-Palu-About-Meta-Design-System-17
asterisk

This project was created in collaboration with Ashlyn Emberton, Grace Yoon and our friends at about.meta.