Resilience

Featured Project

Resilience is a cyber-risk company on a mission to make the world cyber resilient. I helped extend its brand and built the scalable icon library that now powers its UI, social, and product design.

The Library100+ icons spanning cybersecurity concepts — threat, compliance, identity, infrastructure — all on one consistent grid and stroke weight.

The Challenge

As Resilience scaled, its visual language was fragmenting. Teams across UI, product, and social were each sourcing or drawing their own icons, so the same cybersecurity concepts looked different everywhere — inconsistent, off-brand, and slow to produce.

My Role

I joined as the company refreshed its brand and helped refine and extend that new identity into everyday use. Working alongside another designer, the social media manager, and the VP of Marketing, I owned the systems work that kept everyone visually consistent.

What I Built

A single, scalable icon library — 100+ icons covering complex cybersecurity concepts. Built in Figma to one consistent grid and style, the set stays crisp at every size and serves UI, product, and social from one source of truth.

Beyond the Icons

I also created the motion piece that ran on-screen at our tradeshow booth, and built reusable video templates that let the team produce on-brand motion fast. Day to day, I partnered with the social media manager on LinkedIn content — images, GIFs, and short motion shipped on a daily cadence.

Icon guideline page 1: the icon set with creation rules — stroke, cap, corner — **The System**Not just icons — a documented standard. A 24px base grid, 1.5px center-aligned strokes, defined safe space, keyshapes, and correct-vs-incorrect rules, so anyone on the team can extend the set and stay on-brand.

Icon guideline page 2: base grid, safe space, and keyshapes construction rules — **The System**Not just icons — a documented standard. A 24px base grid, 1.5px center-aligned strokes, defined safe space, keyshapes, and correct-vs-incorrect rules, so anyone on the team can extend the set and stay on-brand.

Resilience spot illustrations: Vendor Risk, Dark Web Exposure, Encryption, and more — **Illustrations**Beyond the line icons, a set of color spot illustrations for bigger moments — depicting concepts like vendor risk, dark web exposure, and encryption across the brand.

Icons on the Resilience website beside product messaging — **In Use Across Surfaces**One system, deployed everywhere — the icons and illustrations I built show up consistently across web, social, and print.

Layered icons in the Resilience Solution Packages section — **In Use Across Surfaces**One system, deployed everywhere — the icons and illustrations I built show up consistently across web, social, and print.

One icon · drawn once · every size

16px

24px

48px

96px

Built as vector on a 24px grid — crisp from favicon to billboard.

SocialDaily LinkedIn content built with the social media manager — carousels, motion graphics, and animated posts, all drawing on the same icon system and brand language for a consistent feed.

100+cybersecurity icons designed

1source of truth for UI, social & product

~90%faster motion production · ~3 hrs → 20 min per post

DailyLinkedIn content cadence