Design Systems as your brand’s operating system

Unknown Creatives partners with teams on foundational tools, processes, and decisions that keep their brand in-sync as the team grows.

RobinhoodFinance

Bento Design System: Reducing Tech Debt with Standardization

A Robinhood transfer screen built from the design system: a Here's what you'll need checklist beside an illustration of a person at a kiosk.
Two phone onboarding templates: an illustrated title screen with page dots and a Get started button, and a variant with an expandable list.
A Robinhood agreement review screen: a step list on the left, the Brokerage Application Agreement in the middle and a section index on the right.
A brokerage application question, How experienced are you with investing?, laid out on desktop and on a phone with the same answer options.
The design system's spacing scale: tokens from space-0 to space-32 on a 4-pixel grid, each with its pixel value and a swatch of that size.
Spacing guidance for desktop containers: 64 pixels between containers without a bounding box and 24 pixels between containers with one, marked in orange.
A collage of standardized Robinhood templates: onboarding, checklist, agreement review and questionnaire screens on desktop and phone.
BNY MellonFinance

DANDA: b2b 0 to 1 Design System From The Ground Up

A BNY Mellon data management screen built with DANDA: one vendor's data parsers in a table with owners, dates and edit and delete actions.
A dataset details dialog: basic information, group and certification tags, and management details, open over a catalogue of datasets.
Building an ESG constraint list: taxonomy checklists from several data vendors above a table of factors with threshold sliders, and the list's details on the right.
An ESG research table of securities with filters for coverage, business involvement, carbon data and data vendor, and each company's lists, ticker and score.
An ESG overview dashboard comparing portfolios, benchmarks and saved lists, each with a coverage bar and return figures.
A lookup table that translates codes between data sources, such as currency and country codes from Bloomberg, FactSet and BNY Mellon, filtered by source and class.
Creating a code dictionary: an editable table of codes, values and classes, with class filters on the left and the dictionary's name on the right.
DaveFinance

HoneycombDS: Building relationships and a shared vision

Coming Soon
Screens from the Dave banking app: an advance limit update, a welcome screen with Dave the bear, and an amount picker.
The Honeycomb wordmark: yellow lettering dripping like honey, on green.
RobinhoodFinance

Reimagining Forms at Robinhood

Coming Soon
A collage of standardized Robinhood templates: onboarding, checklist, agreement review and questionnaire screens on desktop and phone.
A Robinhood agreement review screen: a step list on the left, the Brokerage Application Agreement in the middle and a section index on the right.
NeptuneLaw

Making Lawyer Recommendations more informative

The redesigned recommendation card: a Best match for you label, a $1,600 flat rate against the attorney's usual rate, review scores, why the lawyer fits and a client testimonial.
Before and after of Bedelia's recommendations page: the old list of law firms on the left, the redesigned ranked cards with a highlighted best match on the right.
Bedelia's attorney recommendations on desktop: the best-match card for Badanes Law with its flat rate and reviews, beside a calendar to book a 20-minute consult.
The redesign on phones: the recommendations with the best-match card, and the consult booking screen with a date picker and time slots.
Reel CleverAgency

Reel Clever Site Redesign

Reel Clever's redesigned home page: a speaker on the TED stage in a full-width video, with the navigation and a Let's Talk button above and the studio's description below.
The testimonials section, What Our Clients are Saying: five-star quotes from clients such as the DPL Foundation and Planet Detroit, beside a See our work link.
PelotonFitness

Revamping Class Search

Coming Soon
Peloton's Discover page: a grid of colour-tinted collection tiles, such as Power Zones, Pilates, HIIT and Road to your 5K, under a search bar.
Peloton class search results: discipline filters on the left, filters for duration, instructor, music and subtitles, and a grid of class cards.
House2HomeE-Commerce

Home shopping without breaking the bank

House2Home's home page hero, Make your new house feel like home, over a living room photo, with the Starter Kit Builder form for size, budget, styles and rooms.
House2Home's home page below the hero: shipping, tracking and returns links, then featured categories for lighting and for storage and organization.
Personalized starter kits from the builder: filters by decor style and colour, and kits such as The Essentials at $210 with a collage of its items.
The Essentials Starter Kit: products in a grid with quantity controls, ratings, prices and a swap option, and a button to add every item to the cart.
House2Home's Products menu open over the home page, listing storage, wall decor, rug and lighting categories above popular decor styles.
NeptuneLaw

Making Lawyer Recommendations more informative

The redesigned recommendation card: a Best match for you label, a $1,600 flat rate against the attorney's usual rate, review scores, why the lawyer fits and a client testimonial.
Before and after of Bedelia's recommendations page: the old list of law firms on the left, the redesigned ranked cards with a highlighted best match on the right.
Bedelia's attorney recommendations on desktop: the best-match card for Badanes Law with its flat rate and reviews, beside a calendar to book a 20-minute consult.
The redesign on phones: the recommendations with the best-match card, and the consult booking screen with a date picker and time slots.
RobinhoodFinance

Bento Design System: Reducing Tech Debt with Standardization

A Robinhood transfer screen built from the design system: a Here's what you'll need checklist beside an illustration of a person at a kiosk.
Two phone onboarding templates: an illustrated title screen with page dots and a Get started button, and a variant with an expandable list.
A Robinhood agreement review screen: a step list on the left, the Brokerage Application Agreement in the middle and a section index on the right.
A brokerage application question, How experienced are you with investing?, laid out on desktop and on a phone with the same answer options.
The design system's spacing scale: tokens from space-0 to space-32 on a 4-pixel grid, each with its pixel value and a swatch of that size.
Spacing guidance for desktop containers: 64 pixels between containers without a bounding box and 24 pixels between containers with one, marked in orange.
A collage of standardized Robinhood templates: onboarding, checklist, agreement review and questionnaire screens on desktop and phone.
BNY MellonFinance

DANDA: b2b 0 to 1 Design System From The Ground Up

A BNY Mellon data management screen built with DANDA: one vendor's data parsers in a table with owners, dates and edit and delete actions.
A dataset details dialog: basic information, group and certification tags, and management details, open over a catalogue of datasets.
Building an ESG constraint list: taxonomy checklists from several data vendors above a table of factors with threshold sliders, and the list's details on the right.
An ESG research table of securities with filters for coverage, business involvement, carbon data and data vendor, and each company's lists, ticker and score.
An ESG overview dashboard comparing portfolios, benchmarks and saved lists, each with a coverage bar and return figures.
A lookup table that translates codes between data sources, such as currency and country codes from Bloomberg, FactSet and BNY Mellon, filtered by source and class.
Creating a code dictionary: an editable table of codes, values and classes, with class filters on the left and the dictionary's name on the right.
Reel CleverAgency

Reel Clever Site Redesign

Reel Clever's redesigned home page: a speaker on the TED stage in a full-width video, with the navigation and a Let's Talk button above and the studio's description below.
The testimonials section, What Our Clients are Saying: five-star quotes from clients such as the DPL Foundation and Planet Detroit, beside a See our work link.
DaveFinance

HoneycombDS: Building relationships and a shared vision

Coming Soon
Screens from the Dave banking app: an advance limit update, a welcome screen with Dave the bear, and an amount picker.
The Honeycomb wordmark: yellow lettering dripping like honey, on green.
PelotonFitness

Revamping Class Search

Coming Soon
Peloton's Discover page: a grid of colour-tinted collection tiles, such as Power Zones, Pilates, HIIT and Road to your 5K, under a search bar.
Peloton class search results: discipline filters on the left, filters for duration, instructor, music and subtitles, and a grid of class cards.
RobinhoodFinance

Reimagining Forms at Robinhood

Coming Soon
A collage of standardized Robinhood templates: onboarding, checklist, agreement review and questionnaire screens on desktop and phone.
A Robinhood agreement review screen: a step list on the left, the Brokerage Application Agreement in the middle and a section index on the right.
BNY MellonFinance

BNY Feature Work Overview

Coming Soon
An ESG research table of securities with filters for coverage, business involvement, carbon data and data vendor, and each company's lists, ticker and score.
An ESG overview dashboard comparing portfolios, benchmarks and saved lists, each with a coverage bar and return figures.
Creating a code dictionary: an editable table of codes, values and classes, with class filters on the left and the dictionary's name on the right.
House2HomeE-Commerce

Home shopping without breaking the bank

House2Home's home page hero, Make your new house feel like home, over a living room photo, with the Starter Kit Builder form for size, budget, styles and rooms.
House2Home's home page below the hero: shipping, tracking and returns links, then featured categories for lighting and for storage and organization.
Personalized starter kits from the builder: filters by decor style and colour, and kits such as The Essentials at $210 with a collage of its items.
The Essentials Starter Kit: products in a grid with quantity controls, ratings, prices and a swap option, and a button to add every item to the cart.
House2Home's Products menu open over the home page, listing storage, wall decor, rug and lighting categories above popular decor styles.