SPHERE APP
SPHERE is a location-based app that provides real-time updates on your friends' whereabouts. Designed for both personal and professional use, it features Time-Limited Activity Maps that allow users to view group members’ location data within a specified timeframe. The app also includes built-in communication tools, so there's no need to switch between messaging platforms.
"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.
SPHERE is a location-based app that provides real-time updates on your friends' whereabouts. Designed for both personal and professional use, it features Time-Limited Activity Maps that allow users to view group members’ location data within a specified timeframe. The app also includes built-in communication tools, so there's no need to switch between messaging platforms.
SPHERE is a location-based app that provides real-time updates on your friends' whereabouts. Designed for both personal and professional use, it features Time-Limited Activity Maps that allow users to view group members’ location data within a specified timeframe. The app also includes built-in communication tools, so there's no need to switch between messaging platforms.
Structure Ideas
Structure Ideas
Specification
Specification
UX Design
UX Design
Wireframe
Wireframe
Design System
Design System
UI Design
UI Design
Prototype
Prototype
Project Timeline
Project Timeline
Project Timeline
Project Timeline




Typography & Color
Typography & Color
Typography & Color
Typography & Color
IBM Plex Sans
IBM Plex Sans
IBM Plex Sans
IBM Plex Sans
Regular
Regular
Regular
Regular
X
X
X
X
Regular Underline
Regular Underline
Regular Underline
Regular Underline
X
X
X
X
Bold
Bold
Bold
Bold
X
X
X
X
Bold Underline
Bold Underline
Bold Underline
Bold Underline
Style Overview
Style Overview
Style Overview
Style Overview
Aa
Aa
Aa
Aa
Bb
Bb
Bb
Bb
Cc
Cc
Cc
Cc
Dd
Dd
Dd
Dd
Ee
Ee
Ee
Ee
Ff
Ff
Ff
Ff
Gg
Gg
Gg
Gg
Hh
Hh
Hh
Hh
Ii
Ii
Ii
Ii
Jj
Jj
Jj
Jj
Kk
Kk
Kk
Kk
Ll
Ll
Ll
Ll
Mm
Mm
Mm
Mm
Nn
Nn
Nn
Nn
Oo
Oo
Oo
Oo
Pp
Pp
Pp
Pp
Rr
Rr
Rr
Rr
Ss
Ss
Ss
Ss
Tt
Tt
Tt
Tt
Uu
Uu
Uu
Uu
Vv
Vv
Vv
Vv
Ww
Ww
Ww
Ww
Xx
Xx
Xx
Xx
Yy
Yy
Yy
Yy
Zz
Zz
Zz
Zz
32pt
24pt
20pt
18pt
16pt
14pt
12pt
10pt
40pt
#D600FF - #00B8FF
#D600FF - #00B8FF
#001EFF - #00FF9F
#001EFF - #00FF9F
Primary Color
Primary Color
Primary Color
Primary Color
2 primary color themes help users clearly distinguish whether they are viewing friend map or an activity map.
2 primary color themes help users clearly distinguish whether they are viewing friend map or an activity map.
2 primary color themes help users clearly distinguish whether they are viewing friend map or an activity map.
2 primary color themes help users clearly distinguish whether they are viewing friend map or an activity map.
Secondary Color
Secondary Color
Secondary Color
Secondary Color
Secondary colors are used for various functional notifications, with each color available in 9 levels.
Secondary colors are used for various functional notifications, with each color available in 9 levels.
Secondary colors are used for various functional notifications, with each color available in 9 levels.
Secondary colors are used for various functional notifications, with each color available in 9 levels.
#7A7A7A
#7A7A7A
#FF2158
#FF2158
#26F148
#26F148
Iconography
Iconography
Iconography
Iconography






Component
Component
Component
Component





Basic table - Used for integrating various user control actions


Used for switching location sharing modes and integrating navigation features
Basic table - Used for configuring various settings during activity map creation.




Tab Buttons




Sign in & Login
Sign in & Login
Sign in & Login
Sign in & Login
Quick sign in / login with just your phone number — register with a single tap.
Quick sign in / login with just your phone number — register with a single tap.
Quick sign in / login with just your phone number — register with a single tap.
Quick sign in / login with just your phone number — register with a single tap.




Notification
Notification
Notification
Notification
Easily view friend and activity notifications, and take action directly from this page.
Easily view friend and activity notifications, and take action directly from this page.
Easily view friend and activity notifications, and take action directly from this page.
Easily view friend and activity notifications, and take action directly from this page.




Profile
Profile
Profile
Profile
A clean and intuitive profile page that makes managing friends and settings effortless.
A clean and intuitive profile page that makes managing friends and settings effortless.
A clean and intuitive profile page that makes managing friends and settings effortless.
A clean and intuitive profile page that makes managing friends and settings effortless.




Message - Friends & Members
Message - Friends & Members
Message - Friends & Members
Message - Friends & Members




Swipe Control Pannel
Swipe Control Pannel






Activity member chatroom
Activity member chatroom
Activity member chatroom
Activity member chatroom












Create your own activity with
Create your own activity with
Create your own activity with
Create your own activity with








"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.
"SPHERE"
Circle You and the World.