Financial Literacy AI

A Design System for a Financial Literacy App

Before diving into the research and the concept prototype, I started with a basic design system to inform the building blocks for the design of the financial literacy app.

Primitive Tokens

I started playing with different color brands and decided to keep it modern and text accessible. The mint color offers an expanded pallette good for both primary and secondary text and background colors.

Semantic Tokens

The semantic tokens includes light/dark themes, spacing, sizes, and variable typography using Notosans.

Component Tokens

Call out a feature, benefit, or value of your site, then link to a page where people can learn more about it.

Financial Literacy for Millenials

Foundation research, concept development, and working prototype for providing emotionally based AI for improving literacy and knowlege.

Gysler Design

Financial Literacy AI

A Design System for a Financial Literacy App

Before diving into the research and the concept prototype, I started with a basic design system to inform the building blocks for the design of the financial literacy app.

Primitive Tokens

I started playing with different color brands and decided to keep it modern and text accessible. The mint color offers an expanded pallette good for both primary and secondary text and background colors.

Semantic Tokens

The semantic tokens includes light/dark themes, spacing, sizes, and variable typography using Notosans.

Component Tokens

Call out a feature, benefit, or value of your site, then link to a page where people can learn more about it.

Financial Literacy for Millenials

Foundation research, concept development, and working prototype for providing emotionally based AI for improving literacy and knowlege.

Gysler Design

Financial Literacy AI

A Design System for a Financial Literacy App

Before diving into the research and the concept prototype, I started with a basic design system to inform the building blocks for the design of the financial literacy app.

Primitive Tokens

I started playing with different color brands and decided to keep it modern and text accessible. The mint color offers an expanded pallette good for both primary and secondary text and background colors.

Semantic Tokens

The semantic tokens includes light/dark themes, spacing, sizes, and variable typography using Notosans.

Component Tokens

Building up the components specifically for the mobile financial literacy app based on use case and necessity using the primitive and sematics defined earlier.

Financial Literacy for Millenials

Foundation research, concept development, and working prototype for providing emotionally based AI for improving literacy and knowlege.