Thanks to @yoabadam for noticing critical flaws and pointing them out! and also @Figmachad mapping out the userflow! Amazingπ₯ π₯
Thanks to them i had time to go into Phase 2 and setup our Variables and Design System...
while there is some left in our Semantics (theme) ill catch it up later on tomorrow or today idk its 4AM... lol
anyways
PHASE 2: The Grid
Variables & Primitives (color, spacing, radius, type)
Semantic Tokens (content, background, border, action)
Component Library (buttons, inputs, cards, navigation)
Theme Layer (light / dark mode mapping)
Link to the //variables below
https://www.figma.com/design/yNoaoQ0BEjeMAXvdQHwM9t/--variables?node-id=0-1&t=hoaXuibC8Q1gt6Ru-1
Thanks to them i had time to go into Phase 2 and setup our Variables and Design System...
while there is some left in our Semantics (theme) ill catch it up later on tomorrow or today idk its 4AM... lol
anyways
PHASE 2: The Grid
Variables & Primitives (color, spacing, radius, type)
Semantic Tokens (content, background, border, action)
Component Library (buttons, inputs, cards, navigation)
Theme Layer (light / dark mode mapping)
Link to the //variables below
https://www.figma.com/design/yNoaoQ0BEjeMAXvdQHwM9t/--variables?node-id=0-1&t=hoaXuibC8Q1gt6Ru-1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
okay... themes are done!
we can now easily switch between Light and Dark Mode!
changes in
we can now easily switch between Light and Dark Mode!
changes in
//variablesπ₯13
a bit obsessed with these widgets.
also always dark on dynamic islands. its better
thank you @eyuelkebede for the svgs!
also always dark on dynamic islands. its better
thank you @eyuelkebede for the svgs!
π₯4
watching ben 10 with the wife...
we don't know how but we are...
we don't know how but we are...
π11β€3π3
Testing out variables and this neo-brut thingie i say we go for it!
dark_mode
dark_mode
π₯27
light_mode
file at //test link below
https://www.figma.com/design/vcvB0Wx2Tar4mIsNuUgAWI/--test?node-id=0-1&p=f&t=hTTztKCsdSes7pwe-0
file at //test link below
https://www.figma.com/design/vcvB0Wx2Tar4mIsNuUgAWI/--test?node-id=0-1&p=f&t=hTTztKCsdSes7pwe-0
β€12
ghion
light_mode file at //test link below https://www.figma.com/design/vcvB0Wx2Tar4mIsNuUgAWI/--test?node-id=0-1&p=f&t=hTTztKCsdSes7pwe-0
imagine if these animate in spiral π i have to try
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯3
β kkyk
Finish editing cbe and i will make clone app with flutter
this is getting real!
π₯17
This media is not supported in your browser
VIEW IN TELEGRAM
Problems recognized and Solved
Null PIN submission
Embedded keypad + auto-submit on 6th digit. There is no submit button until we have more than 4 Pins (because some people have 4 and some people have 6 pin passwords), so submitting empty is structurally impossible
Button small / low-contrast
Eliminated. The keypad keys are the buttons β big, great for our rural persona too
No biometric hint
Fingerprint key lives inside the keypad, plus auto-prompt on launch when enabled (screen not implemented yet)
Chatbot competing for attention
Demoted to a quiet βNeed help?β text link
Brand color everywhere
Exactly two brand moments: the active PIN cell and the Primary Button. Everything else neutral
No visibility toggle
the cells themselves β Holding it reveals digits re-masks when released
Inconsistent grid
as you can see
Full name pre-auth
First name only
Reset + bell pre-auth
Removed from this screen, full stop
file in //test
Null PIN submission
Embedded keypad + auto-submit on 6th digit. There is no submit button until we have more than 4 Pins (because some people have 4 and some people have 6 pin passwords), so submitting empty is structurally impossible
Button small / low-contrast
Eliminated. The keypad keys are the buttons β big, great for our rural persona too
No biometric hint
Fingerprint key lives inside the keypad, plus auto-prompt on launch when enabled (screen not implemented yet)
Chatbot competing for attention
Demoted to a quiet βNeed help?β text link
Brand color everywhere
Exactly two brand moments: the active PIN cell and the Primary Button. Everything else neutral
No visibility toggle
the cells themselves β Holding it reveals digits re-masks when released
Inconsistent grid
as you can see
Full name pre-auth
First name only
Reset + bell pre-auth
Removed from this screen, full stop
file in //test