Illustrator | After Effects | Photoshop |Figma | LearnWord (Web-Builder)

The Purpose

REP4FinLit is a student-focused financial literacy platform designed to help young adults build practical money skills through interactive tools, budgeting assistance, and short learning modules. It combines educational content with real-time financial planning features, such as FinBot—a conversational AI assistant that guides users through creating personal budgets, understanding cost-of-living differences, and making savings decisions.

Built with a Y2K-futurist aesthetic, REP4FinLit uses accessible language, relatable examples, and visual metaphors to engage college students aged 18–30, especially those new to managing money. Its approach emphasizes autonomy, goal-setting, and decision-making transparency, making abstract finance concepts tangible and actionable.

*** The website is still under finalizing status ***

brand identity package | ui/ux | motion design


Brand Color Palette

Main Color

Hex: #FEDB00
RGB: 99 254 219
CMYK: 2 10 100 00

Additional Colors Bring Attention

Primary Logo Colors

Hex: #A52C87
RGB: 165 44 135
CMYK: 39 97 08 00

Hex: #603D20
RGB: 96 31 32
CMYK: 43 67 89 47

Hex: #FF8674
RGB: 255 134 116
CMYK: 00 59 49 00

Hex: #5BC2E7
RGB: 91 194 231
CMYK: 57 04 03 00

Hex: #44B59D
RGB: 68 181 157
CMYK: 70 04 48 00

Visual Assets

(Primary)

(Secondary)

Logo Marks

The trademark must present for copyright issue

Brand Logos

FinLit is the main branding and logo. However, it is also acceptable to use the longer form FinanciallyLit branding when it provides more clarity for the audience.

Brand Positioning (Partnership/Sponsorship)

*** The logos and color palette were not designed by the students. These branding elements were finalized by the client.

Money Personality Quiz (MPQ)

*** These animal illustrations were not created by me

Animal Polaroids

Iconography

“YOUR PLAYLIST ON THE JOURNEY OF FINANCIAL SELF-DISCOVERY”

Course Thumbnails

UI/UX Graphics

App Icon

Mockups

Gamification Engine

Videographics

Cursors

Module 1

Module 2

Module 3

Module 5

Module 4

Module 6

Module Transitions

Module Video Graphics

module 1 (Yellow)

module 2 (Coral)

module 3 (Brown)

module 4 (Green)

module 5 (Blue)

module 6 (Purple)

Animated Graphics

Meet The Team (Majority Present)

Worksheets Design/Layouts

Next
Next

Brand Identity