Work Buddy Design System v1.0

Colors

Primary (#6C63FF)

Primary Light (#6C63FF)

Text Dark (#1F2937)

Text Medium (#6B7280)

Background Light (#F3F4F6)

Surface (#FFFFFF)

Success (#10B981)

Error (#EF4444)

Typography

Headline 1 (Bold, 36px)

Poppins Bold

Headline 2 (SemiBold, 30px)

Poppins SemiBold

Headline 3 (Medium, 24px)

Poppins Medium

Subtitle 1 (Medium, 20px)

Poppins Medium

Body 1 (Regular, 18px)

Poppins Regular

Body 2 (Regular, 16px)

Poppins Regular

Caption (Regular, 14px)

Poppins Regular

Overline (Regular, 12px)

Poppins Regular

Buttons

Input Fields

search

Cards

Basic Card

This is a simple card component that can be used to display content.

Abstract design for card background

Card with Image

This card includes an image at the top, followed by content.

Tabs

Content for the active tab goes here.

Modals / Popups

Task Detail

Joana Gomes avatar

Joana Gomes

Task title

calendar_today
schedule
arrow_drop_down

Example Screens

Login

Illustration of two people working

Use Social Login

Work Buddy

User profile avatar
search

Current workers

see all
Joana Gomes avatar

Joana Gomes

Video editor

24% complete

Sun, Jun 15, 09.00am - 12.00am

Daniela Martins avatar

Daniela Martins

UI/UX Designer

35% complete

Sun, Jun 15, 09.00am - 12.00am

Alexandre Lima avatar

Alexandre Lima

Motion Designer

68% complete

Sun, Jun 15, 09.00am - 12.00am

Joana Gomes large avatar

Joana Gomes

Video editor

11:35

12:05

LinkedIn Learning
✓ DONE

Start date: 28/09/2023

End date: 28/09/2024

15:10

18:40

Motion Design
● TO-DO

Start date: 28/09/2023

End date: 28/09/2024

22:10

22:15

Video Editing
● ON HOLD

Start date: 28/09/2023

End date: 28/09/2024

15:10

18:40

Visual Fx
● TO-DO

Start date: 28/09/2023

End date: 28/09/2024