01 Login
3 problems72 match · 1 to review · 2 couldn’t check
Open screen →com.novabank.app.drift · Android · 6 screens
7 design problems found on 5 of 6 screens
Checked 2026-10-15 08:42 UTC
App com.novabank.app.drift 1.0.0-drift (installed 2026-10-15 14:09:23)
Device emulator-5554
Figma version 2404506989378618414, saved 2026-09-29
⚠ Design: the copy saved on 2026-10-12 01:39 UTC — Figma could not be reached
Coverage Explorer reached 6 of 6 screens in 3 min
Screens
Design on the left, the running app on the right · open a screen for its evidence
02 Verify OTP
1 problem74 match · 2 to review · 1 couldn’t check
Open screen →03 Home
4 problems203 match · 2 to review · 4 couldn’t check
Open screen →04 Send Money
1 problem94 match · 1 to review · 17 couldn’t check
Open screen →05 Transactions
1 problem185 match · 0 to review · 9 couldn’t check
Open screen →06 Cards
Matches design119 match · 0 to review · 5 couldn’t check
Open screen →Doesn’t match design
7 problems
28 elements on 5 screens
Needs your review
6 to decide
0 accepted
Couldn’t check
38 items
8 reasons, each with a fix
Matches design
747 checks
colour, size, corners, text
Problems at a glance
MajorFiled KAN-2Corner radius is 8 dp; design says 12 dp01 Login, 02 Verify OTP, 04 Send Money · 14 elementsMajorFiled KAN-3Text size is 11 sp; design says 12 sp03 Home, 05 Transactions · 9 elementsMajorFiled KAN-1Add money: fill colour is #8BD80F; design says #82D40003 Home · 1 elementMajorRecent transactions: font weight is 700 Bold; design says 600 SemiBold03 Home · 1 elementMajorStatement: text says “Statements”; design says “Statement”03 Home · 1 elementMajorSubtitle: text colour is #6B7280; design says #66708501 Login · 1 elementMajorTitle: font is Roboto; design says Inter01 Login · 1 elementNeeds your review
These differ from Figma but may be intentional. An Acceptable decision is remembered and asked again only if the value changes.
Input/Mobile number/Field · Text
01 Login · Figma “+91 98765 43210” · App “98765 43210”
label split: part of the text is drawn as a separate label
Waiting for a decision
7736e7e1 Icon/Back · Text
02 Verify OTP · Figma “←” · App (no text)
icon: Figma often uses a placeholder for icons
Waiting for a decision
306f4458 Resend/Action · Text
02 Verify OTP · Figma “Resend in 00:28” · App “Resend in 00:12”
time-dependent text (a clock or countdown)
Waiting for a decision
d5f7a5e8 Icon/Bell · Fill colour
03 Home · Figma #FFFFFF · App #0B1D51
icon: Figma often uses a placeholder for icons
Waiting for a decision
57c584b4 Icon/Bell · Corner radius
03 Home · Figma 6 dp · App 12 dp
icon: Figma often uses a placeholder for icons
Waiting for a decision
0e9b2f86 Icon/Back · Text
04 Send Money · Figma “←” · App (no text)
icon: Figma often uses a placeholder for icons
Waiting for a decision
ba400685 Open this report in AI-Lens to decide, or run /design-review <client> check-20261015-083922
Couldn’t check
Not a problem with the app — AI-Lens couldn’t compare these.
| Reason | Items | Screens | To make it checkable |
|---|---|---|---|
| Its parent element wasn’t found in Figma, so this one couldn’t be placed | 10 | 04 Send Money, 05 Transactions | Fix the parent element first; this one follows it. |
| One Figma group holds several text layers, so its text wasn’t compared | 9 | 01 Login, 02 Verify OTP, 03 Home, 04 Send Money, 06 Cards | Tag the text in the app, or split the group in Figma. |
| It draws nothing itself; its border may come from an enclosing container | 6 | 03 Home, 05 Transactions, 06 Cards | Use a standard border or background, or check it by eye. |
| Two or more Figma layers share this name | 6 | 04 Send Money, 05 Transactions | Rename the duplicate layers in Figma so each name is unique. |
| Figma gives each corner a different roundness | 3 | 01 Login, 03 Home, 05 Transactions | Different corner radii per corner are not compared yet. |
| Custom-drawn, so its border can’t be read | 2 | 04 Send Money | Use a standard border or background, or check it by eye. |
| Several untagged texts sit inside it, so it’s unclear which one to compare | 1 | 06 Cards | Tag the text element in the app. |
| No Figma layer has this name | 1 | 06 Cards | Add a Figma layer with this name, or rename the app tag to match. |
Generated by AI-Lens
01 Login · 3 problems
6 elements don’t match 1 to review 2 couldn’t check 72 match
The screen
C321111C
C3211
Numbers match the problem cards below. Unmarked elements match the design.
1 problemC couldn’t check
Doesn’t match the design
1Major4 elements
Corner radius is 8 dp; design says 12 dp
Design says · Corner radius
12 dp
App shows
8 dp
How it was measured: The corner shape read from the app was compared with the Figma corner radius (within 0.5 dp).
Also on 02 Verify OTP, 04 Send Money
Filed KAN-2
- Input/Mobile number/Field
- Input/MPIN/Field
- Button/Log in
- Button/Use fingerprint
2Major1 element
Subtitle: text colour is #6B7280; design says #667085
Design says · Text colour
#667085
App shows
#6B7280
How it was measured: The text colour the app renders was compared with the Figma text colour; colours must match exactly.
Open this report in AI-Lens to create tickets
- Sheet/Subtitle
3Major1 element
Title: font is Roboto; design says Inter
Design says · Font
Inter
App shows
Roboto
How it was measured: The font family the app uses was compared with the Figma text style.
Open this report in AI-Lens to create tickets
- Sheet/Title
To review on this screen
Input/Mobile number/Field · Text
Figma “+91 98765 43210” · App “98765 43210”
label split: part of the text is drawn as a separate label
Waiting for a decision
7736e7e1 Couldn’t check on this screen
Sheet — Figma gives each corner a different roundness. Different corner radii per corner are not compared yet.
Footer — One Figma group holds several text layers, so its text wasn’t compared. Tag the text in the app, or split the group in Figma.
Every check on this screen (81) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| Sheet/Title | text.family | Inter | Roboto | Doesn’t match (major) |
| Sheet/Subtitle | text.color | #667085 | #6B7280 | Doesn’t match (major) |
| Input/Mobile number/Field | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Input/MPIN/Field | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Button/Log in | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Button/Use fingerprint | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Input/Mobile number/Field | text.content | “+91 98765 43210” | “98765 43210” | Needs review |
| Sheet | radius | non-uniform | none | Couldn’t check |
| Footer | text.content | (no text) | “New to NovaBank?” | Couldn’t check |
| 01 Login | fill | #0B1D51 | #0B1D51 | Matches |
| Hero | fill | #0B1D51 | #0B1D51 | Matches |
| Logo mark | fill | #82D400 | #82D400 | Matches |
| Logo mark | radius | 11 dp | 11 dp | Matches |
| Logo/Wordmark | text.color | #FFFFFF | #FFFFFF | Matches |
| Logo/Wordmark | text.size | 33 sp | 33 sp | Matches |
| Logo/Wordmark | text.weight | 700 Bold | 700 Bold | Matches |
| Logo/Wordmark | text.family | Inter | Inter | Matches |
| Logo/Wordmark | text.content | “NovaBank” | “NovaBank” | Matches |
| Brand/Tagline | text.color | #FFFFFFBF | #FFFFFFBF | Matches |
| Brand/Tagline | text.size | 14 sp | 14 sp | Matches |
| Brand/Tagline | text.weight | 400 Regular | 400 Regular | Matches |
| Brand/Tagline | text.family | Inter | Inter | Matches |
| Brand/Tagline | text.content | “Banking that keeps up with you” | “Banking that keeps up with you” | Matches |
| Sheet | fill | #FFFFFF | #FFFFFF | Matches |
| Sheet/Title | text.color | #101828 | #101828 | Matches |
| Sheet/Title | text.size | 22 sp | 22 sp | Matches |
| Sheet/Title | text.weight | 700 Bold | 700 Bold | Matches |
| Sheet/Title | text.content | “Welcome back” | “Welcome back” | Matches |
| Sheet/Subtitle | text.size | 14 sp | 14 sp | Matches |
| Sheet/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Sheet/Subtitle | text.family | Inter | Inter | Matches |
| Sheet/Subtitle | text.content | “Log in to your NovaBank account” | “Log in to your NovaBank account” | Matches |
| Input/Mobile number/Label | text.color | #667085 | #667085 | Matches |
| Input/Mobile number/Label | text.size | 13 sp | 13 sp | Matches |
| Input/Mobile number/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Input/Mobile number/Label | text.family | Inter | Inter | Matches |
| Input/Mobile number/Label | text.content | “Mobile number” | “Mobile number” | Matches |
| Input/Mobile number/Field | fill | #FFFFFF | #FFFFFF | Matches |
| Input/Mobile number/Field | border.color | #E4E7EC | #E4E7EC | Matches |
| Input/Mobile number/Field | border.width | 1 dp | 1 dp | Matches |
| Input/Mobile number/Field | text.color | #101828 | #101828 | Matches |
| Input/Mobile number/Field | text.size | 15 sp | 15 sp | Matches |
| Input/Mobile number/Field | text.weight | 400 Regular | 400 Regular | Matches |
| Input/Mobile number/Field | text.family | Inter | Inter | Matches |
| Input/MPIN/Label | text.color | #667085 | #667085 | Matches |
| Input/MPIN/Label | text.size | 13 sp | 13 sp | Matches |
| Input/MPIN/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Input/MPIN/Label | text.family | Inter | Inter | Matches |
| Input/MPIN/Label | text.content | “MPIN” | “MPIN” | Matches |
| Input/MPIN/Field | fill | #FFFFFF | #FFFFFF | Matches |
| Input/MPIN/Field | border.color | #E4E7EC | #E4E7EC | Matches |
| Input/MPIN/Field | border.width | 1 dp | 1 dp | Matches |
| Input/MPIN/Field | text.color | #101828 | #101828 | Matches |
| Input/MPIN/Field | text.size | 15 sp | 15 sp | Matches |
| Input/MPIN/Field | text.weight | 400 Regular | 400 Regular | Matches |
| Input/MPIN/Field | text.family | Inter | Inter | Matches |
| Input/MPIN/Field | text.content | “••••••” | “••••••” | Matches |
| Forgot MPIN? | text.color | #0B1D51 | #0B1D51 | Matches |
| Forgot MPIN? | text.size | 13 sp | 13 sp | Matches |
| Forgot MPIN? | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Forgot MPIN? | text.family | Inter | Inter | Matches |
| Forgot MPIN? | text.content | “Forgot MPIN?” | “Forgot MPIN?” | Matches |
| Button/Log in | fill | #0B1D51 | #0B1D51 | Matches |
| Button/Log in | text.color | #FFFFFF | #FFFFFF | Matches |
| Button/Log in | text.size | 16 sp | 16 sp | Matches |
| Button/Log in | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Log in | text.family | Inter | Inter | Matches |
| Button/Log in | text.content | “Log in” | “Log in” | Matches |
| Button/Use fingerprint | fill | #FFFFFF | #FFFFFF | Matches |
| Button/Use fingerprint | border.color | #E4E7EC | #E4E7EC | Matches |
| Button/Use fingerprint | border.width | 1 dp | 1 dp | Matches |
| Button/Use fingerprint | text.color | #0B1D51 | #0B1D51 | Matches |
| Button/Use fingerprint | text.size | 16 sp | 16 sp | Matches |
| Button/Use fingerprint | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Use fingerprint | text.family | Inter | Inter | Matches |
| Button/Use fingerprint | text.content | “Use fingerprint” | “Use fingerprint” | Matches |
| Footer/Open an account | text.color | #0B1D51 | #0B1D51 | Matches |
| Footer/Open an account | text.size | 13 sp | 13 sp | Matches |
| Footer/Open an account | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Footer/Open an account | text.family | Inter | Inter | Matches |
| Footer/Open an account | text.content | “Open an account” | “Open an account” | Matches |
Figma layers with no app counterpart (coverage only): +91 98765 43210, ••••••, Log in, Use fingerprint, Spacer, New to NovaBank?
02 Verify OTP · 1 problem
7 elements don’t match 2 to review 1 couldn’t check 74 match
The screen
R111111CR1
R111111CR1
Numbers match the problem cards below. Unmarked elements match the design.
1 problemR to reviewC couldn’t check
Doesn’t match the design
1Major7 elements
Corner radius is 8 dp; design says 12 dp
Design says · Corner radius
12 dp
App shows
8 dp
How it was measured: The corner shape read from the app was compared with the Figma corner radius (within 0.5 dp).
Also on 01 Login, 04 Send Money
Filed KAN-2
- OTP boxes/Digit 1
- OTP boxes/Digit 2
- OTP boxes/Digit 3
- OTP boxes/Digit 4
- OTP boxes/Digit 5
- OTP boxes/Digit 6
- Button/Verify & continue
To review on this screen
Icon/Back · Text
Figma “←” · App (no text)
icon: Figma often uses a placeholder for icons
Waiting for a decision
306f4458 Resend/Action · Text
Figma “Resend in 00:28” · App “Resend in 00:12”
time-dependent text (a clock or countdown)
Waiting for a decision
d5f7a5e8 Couldn’t check on this screen
Resend — One Figma group holds several text layers, so its text wasn’t compared. Tag the text in the app, or split the group in Figma.
Every check on this screen (84) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| OTP boxes/Digit 1 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| OTP boxes/Digit 2 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| OTP boxes/Digit 3 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| OTP boxes/Digit 4 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| OTP boxes/Digit 5 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| OTP boxes/Digit 6 | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Button/Verify & continue | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Icon/Back | text.content | “←” | (no text) | Needs review |
| Resend/Action | text.content | “Resend in 00:28” | “Resend in 00:12” | Needs review |
| Resend | text.content | (no text) | “Didn't get the code?” | Couldn’t check |
| 02 Verify OTP | fill | #FFFFFF | #FFFFFF | Matches |
| Top bar/Title | text.color | #101828 | #101828 | Matches |
| Top bar/Title | text.size | 17 sp | 17 sp | Matches |
| Top bar/Title | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Top bar/Title | text.family | Inter | Inter | Matches |
| Top bar/Title | text.content | (no text) | (no text) | Matches |
| Content/Title | text.color | #101828 | #101828 | Matches |
| Content/Title | text.size | 24 sp | 24 sp | Matches |
| Content/Title | text.weight | 700 Bold | 700 Bold | Matches |
| Content/Title | text.family | Inter | Inter | Matches |
| Content/Title | text.content | “Verify OTP” | “Verify OTP” | Matches |
| Content/Subtitle | text.color | #667085 | #667085 | Matches |
| Content/Subtitle | text.size | 14 sp | 14 sp | Matches |
| Content/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Content/Subtitle | text.family | Inter | Inter | Matches |
| Content/Subtitle | text.content | “Enter the 6-digit code sent to +91 98765 •••10” | “Enter the 6-digit code sent to +91 98765 •••10” | Matches |
| OTP boxes/Digit 1 | fill | #FFFFFF | #FFFFFF | Matches |
| OTP boxes/Digit 1 | border.color | #0B1D51 | #0B1D51 | Matches |
| OTP boxes/Digit 1 | border.width | 1.5 dp | 1.5 dp | Matches |
| OTP boxes/Digit 1 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 1 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 1 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 1 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 1 | text.content | “4” | “4” | Matches |
| OTP boxes/Digit 2 | fill | #FFFFFF | #FFFFFF | Matches |
| OTP boxes/Digit 2 | border.color | #0B1D51 | #0B1D51 | Matches |
| OTP boxes/Digit 2 | border.width | 1.5 dp | 1.5 dp | Matches |
| OTP boxes/Digit 2 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 2 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 2 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 2 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 2 | text.content | “8” | “8” | Matches |
| OTP boxes/Digit 3 | fill | #FFFFFF | #FFFFFF | Matches |
| OTP boxes/Digit 3 | border.color | #0B1D51 | #0B1D51 | Matches |
| OTP boxes/Digit 3 | border.width | 1.5 dp | 1.5 dp | Matches |
| OTP boxes/Digit 3 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 3 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 3 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 3 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 3 | text.content | “2” | “2” | Matches |
| OTP boxes/Digit 4 | fill | #F3F5F9 | #F3F5F9 | Matches |
| OTP boxes/Digit 4 | border.color | #E4E7EC | #E4E7EC | Matches |
| OTP boxes/Digit 4 | border.width | 1 dp | 1 dp | Matches |
| OTP boxes/Digit 4 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 4 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 4 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 4 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 4 | text.content | “ ” | (no text) | Matches |
| OTP boxes/Digit 5 | fill | #F3F5F9 | #F3F5F9 | Matches |
| OTP boxes/Digit 5 | border.color | #E4E7EC | #E4E7EC | Matches |
| OTP boxes/Digit 5 | border.width | 1 dp | 1 dp | Matches |
| OTP boxes/Digit 5 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 5 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 5 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 5 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 5 | text.content | “ ” | (no text) | Matches |
| OTP boxes/Digit 6 | fill | #F3F5F9 | #F3F5F9 | Matches |
| OTP boxes/Digit 6 | border.color | #E4E7EC | #E4E7EC | Matches |
| OTP boxes/Digit 6 | border.width | 1 dp | 1 dp | Matches |
| OTP boxes/Digit 6 | text.color | #101828 | #101828 | Matches |
| OTP boxes/Digit 6 | text.size | 20 sp | 20 sp | Matches |
| OTP boxes/Digit 6 | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| OTP boxes/Digit 6 | text.family | Inter | Inter | Matches |
| OTP boxes/Digit 6 | text.content | “ ” | (no text) | Matches |
| Resend/Action | text.color | #0B1D51 | #0B1D51 | Matches |
| Resend/Action | text.size | 13 sp | 13 sp | Matches |
| Resend/Action | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Resend/Action | text.family | Inter | Inter | Matches |
| Button/Verify & continue | fill | #0B1D51 | #0B1D51 | Matches |
| Button/Verify & continue | text.color | #FFFFFF | #FFFFFF | Matches |
| Button/Verify & continue | text.size | 16 sp | 16 sp | Matches |
| Button/Verify & continue | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Verify & continue | text.family | Inter | Inter | Matches |
| Button/Verify & continue | text.content | “Verify & continue” | “Verify & continue” | Matches |
Figma layers with no app counterpart (coverage only): Icon/Right, 4, 8, 2, Text, Text, Text, Didn't get the code?, Spacer, Verify & continue
03 Home · 4 problems
7 elements don’t match 2 to review 4 couldn’t check 203 match
The screen
CRC2431111C
CRC243111C
Numbers match the problem cards below. Unmarked elements match the design.
1 problemR to reviewC couldn’t check
Doesn’t match the design
1Major4 elements
Text size is 11 sp; design says 12 sp
Design says · Text size
12 sp
App shows
11 sp
How it was measured: The text size the app uses was compared with the Figma text size.
Also on 05 Transactions
Filed KAN-3
- Txn/Swiggy/Subtitle
- Txn/Priya Nair/Subtitle
- Txn/Salary · Acme Corp/Subtitle
- Txn/Amazon/Subtitle
2Major1 element
Add money: fill colour is #8BD80F; design says #82D400
Design says · Fill colour
#82D400
App shows
#8BD80F
How it was measured: The fill colour was read from the running app and compared with the Figma layer; colours must match exactly.
Filed KAN-1
- Button/Add money
3Major1 element
Recent transactions: font weight is 700 Bold; design says 600 SemiBold
Design says · Font weight
600 SemiBold
App shows
700 Bold
How it was measured: The font weight the app uses was compared with the Figma text style.
Open this report in AI-Lens to create tickets
- Recent transactions
4Major1 element
Statement: text says “Statements”; design says “Statement”
Design says · Text
“Statement”
App shows
“Statements”
How it was measured: The text the app shows was compared with the text in Figma.
Open this report in AI-Lens to create tickets
- Button/Statement
To review on this screen
Icon/Bell · Fill colour
Figma #FFFFFF · App #0B1D51
icon: Figma often uses a placeholder for icons
Waiting for a decision
57c584b4 Icon/Bell · Corner radius
Figma 6 dp · App 12 dp
icon: Figma often uses a placeholder for icons
Waiting for a decision
0e9b2f86 Couldn’t check on this screen
Bottom nav — It draws nothing itself; its border may come from an enclosing container. Use a standard border or background, or check it by eye.
Header — Figma gives each corner a different roundness. Different corner radii per corner are not compared yet.
Balance card — One Figma group holds several text layers, so its text wasn’t compared. Tag the text in the app, or split the group in Figma.
Every check on this screen (216) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| Button/Add money | fill | #82D400 | #8BD80F | Doesn’t match (major) |
| Button/Statement | text.content | “Statement” | “Statements” | Doesn’t match (major) |
| Recent transactions | text.weight | 600 SemiBold | 700 Bold | Doesn’t match (major) |
| Txn/Swiggy/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Priya Nair/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Salary · Acme Corp/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Amazon/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Icon/Bell | fill | #FFFFFF | #0B1D51 | Needs review |
| Icon/Bell | radius | 6 dp | 12 dp | Needs review |
| Header | radius | non-uniform | none | Couldn’t check |
| Balance card | text.content | (no text) | “›” | Couldn’t check |
| Bottom nav | border.color | #E4E7EC | none | Couldn’t check |
| Bottom nav | border.width | 1 dp | none | Couldn’t check |
| 03 Home | fill | #F3F5F9 | #F3F5F9 | Matches |
| Header | fill | #0B1D51 | #0B1D51 | Matches |
| Greeting/Avatar | fill | #82D400 | #82D400 | Matches |
| Greeting/Avatar | radius | 20 dp | 20 dp | Matches |
| Greeting/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Greeting/Avatar | text.size | 16 sp | 16 sp | Matches |
| Greeting/Avatar | text.weight | 700 Bold | 700 Bold | Matches |
| Greeting/Avatar | text.family | Inter | Inter | Matches |
| Greeting/Avatar | text.content | “A” | “A” | Matches |
| Greeting/Salutation | text.color | #FFFFFFB2 | #FFFFFFB3 | Matches |
| Greeting/Salutation | text.size | 12 sp | 12 sp | Matches |
| Greeting/Salutation | text.weight | 400 Regular | 400 Regular | Matches |
| Greeting/Salutation | text.family | Inter | Inter | Matches |
| Greeting/Salutation | text.content | “Good morning” | “Good morning” | Matches |
| Greeting/Name | text.color | #FFFFFF | #FFFFFF | Matches |
| Greeting/Name | text.size | 16 sp | 16 sp | Matches |
| Greeting/Name | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Greeting/Name | text.family | Inter | Inter | Matches |
| Greeting/Name | text.content | “Aarav Sharma” | “Aarav Sharma” | Matches |
| Balance card | fill | #16306E | #16306E | Matches |
| Balance card | radius | 16 dp | 16 dp | Matches |
| Balance card/Account | text.color | #FFFFFFCC | #FFFFFFCC | Matches |
| Balance card/Account | text.size | 13 sp | 13 sp | Matches |
| Balance card/Account | text.weight | 500 Medium | 500 Medium | Matches |
| Balance card/Account | text.family | Inter | Inter | Matches |
| Balance card/Account | text.content | “Savings Account ••••4821” | “Savings Account ••••4821” | Matches |
| Balance card/Label | text.color | #FFFFFFB2 | #FFFFFFB3 | Matches |
| Balance card/Label | text.size | 12 sp | 12 sp | Matches |
| Balance card/Label | text.weight | 400 Regular | 400 Regular | Matches |
| Balance card/Label | text.family | Inter | Inter | Matches |
| Balance card/Label | text.content | “Available balance” | “Available balance” | Matches |
| Balance card/Balance | text.color | #FFFFFF | #FFFFFF | Matches |
| Balance card/Balance | text.size | 30 sp | 30 sp | Matches |
| Balance card/Balance | text.weight | 700 Bold | 700 Bold | Matches |
| Balance card/Balance | text.family | Inter | Inter | Matches |
| Balance card/Balance | text.content | “₹ 1,24,560.50” | “₹ 1,24,560.50” | Matches |
| Button/Add money | radius | 18 dp | 18 dp | Matches |
| Button/Add money | text.color | #0B1D51 | #0B1D51 | Matches |
| Button/Add money | text.size | 13 sp | 13 sp | Matches |
| Button/Add money | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Add money | text.family | Inter | Inter | Matches |
| Button/Add money | text.content | “Add money” | “Add money” | Matches |
| Button/Statement | fill | #FFFFFF1F | #FFFFFF1F | Matches |
| Button/Statement | radius | 18 dp | 18 dp | Matches |
| Button/Statement | text.color | #FFFFFF | #FFFFFF | Matches |
| Button/Statement | text.size | 13 sp | 13 sp | Matches |
| Button/Statement | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Statement | text.family | Inter | Inter | Matches |
| Action/Send/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Send/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Send/Label | text.color | #101828 | #101828 | Matches |
| Action/Send/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Send/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Send/Label | text.family | Inter | Inter | Matches |
| Action/Send/Label | text.content | “Send” | “Send” | Matches |
| Action/Pay bills/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Pay bills/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Pay bills/Label | text.color | #101828 | #101828 | Matches |
| Action/Pay bills/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Pay bills/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Pay bills/Label | text.family | Inter | Inter | Matches |
| Action/Pay bills/Label | text.content | “Pay bills” | “Pay bills” | Matches |
| Action/Scan QR/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Scan QR/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Scan QR/Label | text.color | #101828 | #101828 | Matches |
| Action/Scan QR/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Scan QR/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Scan QR/Label | text.family | Inter | Inter | Matches |
| Action/Scan QR/Label | text.content | “Scan QR” | “Scan QR” | Matches |
| Action/Recharge/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Recharge/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Recharge/Label | text.color | #101828 | #101828 | Matches |
| Action/Recharge/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Recharge/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Recharge/Label | text.family | Inter | Inter | Matches |
| Action/Recharge/Label | text.content | “Recharge” | “Recharge” | Matches |
| Recent transactions | text.color | #101828 | #101828 | Matches |
| Recent transactions | text.size | 16 sp | 16 sp | Matches |
| Recent transactions | text.family | Inter | Inter | Matches |
| Recent transactions | text.content | “Recent transactions” | “Recent transactions” | Matches |
| See all | text.color | #0B1D51 | #0B1D51 | Matches |
| See all | text.size | 13 sp | 13 sp | Matches |
| See all | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| See all | text.family | Inter | Inter | Matches |
| See all | text.content | “See all” | “See all” | Matches |
| Txn/Swiggy | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Swiggy | radius | 12 dp | 12 dp | Matches |
| Txn/Swiggy/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Txn/Swiggy/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Swiggy/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Txn/Swiggy/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Swiggy/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Swiggy/Avatar | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Avatar | text.content | “S” | “S” | Matches |
| Txn/Swiggy/Title | text.color | #101828 | #101828 | Matches |
| Txn/Swiggy/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Swiggy/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Swiggy/Title | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Title | text.content | “Swiggy” | “Swiggy” | Matches |
| Txn/Swiggy/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Swiggy/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Swiggy/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Subtitle | text.content | “Today · Food” | “Today · Food” | Matches |
| Txn/Swiggy/Amount | text.color | #101828 | #101828 | Matches |
| Txn/Swiggy/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Swiggy/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Swiggy/Amount | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Amount | text.content | “- ₹420.00” | “- ₹420.00” | Matches |
| Txn/Priya Nair | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Priya Nair | radius | 12 dp | 12 dp | Matches |
| Txn/Priya Nair/Avatar | fill | #E6F7EE | #E6F7EE | Matches |
| Txn/Priya Nair/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Priya Nair/Avatar | text.color | #12B76A | #12B76A | Matches |
| Txn/Priya Nair/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Priya Nair/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Priya Nair/Avatar | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Avatar | text.content | “P” | “P” | Matches |
| Txn/Priya Nair/Title | text.color | #101828 | #101828 | Matches |
| Txn/Priya Nair/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Priya Nair/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Priya Nair/Title | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Title | text.content | “Priya Nair” | “Priya Nair” | Matches |
| Txn/Priya Nair/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Priya Nair/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Priya Nair/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Subtitle | text.content | “Today · UPI received” | “Today · UPI received” | Matches |
| Txn/Priya Nair/Amount | text.color | #12B76A | #12B76A | Matches |
| Txn/Priya Nair/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Priya Nair/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Priya Nair/Amount | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Amount | text.content | “+ ₹2,500.00” | “+ ₹2,500.00” | Matches |
| Txn/Salary · Acme Corp | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Salary · Acme Corp | radius | 12 dp | 12 dp | Matches |
| Txn/Salary · Acme Corp/Avatar | fill | #E6F7EE | #E6F7EE | Matches |
| Txn/Salary · Acme Corp/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Salary · Acme Corp/Avatar | text.color | #12B76A | #12B76A | Matches |
| Txn/Salary · Acme Corp/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Salary · Acme Corp/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Salary · Acme Corp/Avatar | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Avatar | text.content | “S” | “S” | Matches |
| Txn/Salary · Acme Corp/Title | text.color | #101828 | #101828 | Matches |
| Txn/Salary · Acme Corp/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Salary · Acme Corp/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Salary · Acme Corp/Title | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Title | text.content | “Salary · Acme Corp” | “Salary · Acme Corp” | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.content | “27 Sep · Credit” | “27 Sep · Credit” | Matches |
| Txn/Salary · Acme Corp/Amount | text.color | #12B76A | #12B76A | Matches |
| Txn/Salary · Acme Corp/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Salary · Acme Corp/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Salary · Acme Corp/Amount | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Amount | text.content | “+ ₹85,000.00” | “+ ₹85,000.00” | Matches |
| Txn/Amazon | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Amazon | radius | 12 dp | 12 dp | Matches |
| Txn/Amazon/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Txn/Amazon/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Amazon/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Txn/Amazon/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Amazon/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Amazon/Avatar | text.family | Inter | Inter | Matches |
| Txn/Amazon/Avatar | text.content | “A” | “A” | Matches |
| Txn/Amazon/Title | text.color | #101828 | #101828 | Matches |
| Txn/Amazon/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Amazon/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Amazon/Title | text.family | Inter | Inter | Matches |
| Txn/Amazon/Title | text.content | “Amazon” | “Amazon” | Matches |
| Txn/Amazon/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Amazon/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Amazon/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Amazon/Subtitle | text.content | “26 Sep · Shopping” | “26 Sep · Shopping” | Matches |
| Txn/Amazon/Amount | text.color | #101828 | #101828 | Matches |
| Txn/Amazon/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Amazon/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Amazon/Amount | text.family | Inter | Inter | Matches |
| Txn/Amazon/Amount | text.content | “- ₹1,299.00” | “- ₹1,299.00” | Matches |
| Bottom nav | fill | #FFFFFF | #FFFFFF | Matches |
| Tab/Home | text.color | #0B1D51 | #0B1D51 | Matches |
| Tab/Home | text.size | 11 sp | 11 sp | Matches |
| Tab/Home | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Tab/Home | text.family | Inter | Inter | Matches |
| Tab/Home | text.content | “Home” | “Home” | Matches |
| Tab/Cards | text.color | #667085 | #667085 | Matches |
| Tab/Cards | text.size | 11 sp | 11 sp | Matches |
| Tab/Cards | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Cards | text.family | Inter | Inter | Matches |
| Tab/Cards | text.content | “Cards” | “Cards” | Matches |
| Tab/Pay | text.color | #667085 | #667085 | Matches |
| Tab/Pay | text.size | 11 sp | 11 sp | Matches |
| Tab/Pay | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Pay | text.family | Inter | Inter | Matches |
| Tab/Pay | text.content | “Pay” | “Pay” | Matches |
| Tab/History | text.color | #667085 | #667085 | Matches |
| Tab/History | text.size | 11 sp | 11 sp | Matches |
| Tab/History | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/History | text.family | Inter | Inter | Matches |
| Tab/History | text.content | “History” | “History” | Matches |
| Tab/More | text.color | #667085 | #667085 | Matches |
| Tab/More | text.size | 11 sp | 11 sp | Matches |
| Tab/More | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/More | text.family | Inter | Inter | Matches |
| Tab/More | text.content | “More” | “More” | Matches |
Figma layers with no app counterpart (coverage only): Frame, A, Frame, Frame, ›, Frame, Frame, Add money, Statement, Icon/Send, Icon/Pay bills, Icon/Scan QR, Icon/Recharge, Frame, S, Frame, P, Frame, S, Frame, A, Frame, Icon/Home, Home, Icon/Cards, Cards, Icon/Pay, Pay, Icon/History, History, Icon/More, More
04 Send Money · 1 problem
3 elements don’t match 1 to review 17 couldn’t check 94 match
The screen
RCCCCCC111
RCCCCCC111CCCCCCCCCC
Numbers match the problem cards below. Unmarked elements match the design.
1 problemR to reviewC couldn’t check
Doesn’t match the design
1Major3 elements
Corner radius is 8 dp; design says 12 dp
Design says · Corner radius
12 dp
App shows
8 dp
How it was measured: The corner shape read from the app was compared with the Figma corner radius (within 0.5 dp).
Also on 01 Login, 02 Verify OTP
Filed KAN-2
- Input/Pay to/Field
- Input/Note (optional)/Field
- Button/Continue
To review on this screen
Icon/Back · Text
Figma “←” · App (no text)
icon: Figma often uses a placeholder for icons
Waiting for a decision
ba400685 Couldn’t check on this screen
Recent/Label, Amount/Label, Amount/Value, Amount/Source, Chip/₹500, Chip/₹1,000, Chip/₹2,000, Chip/₹5,000 — Its parent element wasn’t found in Figma, so this one couldn’t be placed. Fix the parent element first; this one follows it.
Contact/Priya, Contact/Rahul, Contact/Meera, Contact/Karan, Contact/New — One Figma group holds several text layers, so its text wasn’t compared. Tag the text in the app, or split the group in Figma.
Contact/New/Avatar — Custom-drawn, so its border can’t be read. Use a standard border or background, or check it by eye.
Recent, Amount — Two or more Figma layers share this name. Rename the duplicate layers in Figma so each name is unique.
Every check on this screen (115) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| Input/Pay to/Field | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Input/Note (optional)/Field | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Button/Continue | radius | 12 dp | 8 dp | Doesn’t match (major) |
| Icon/Back | text.content | “←” | (no text) | Needs review |
| Contact/Priya | text.content | (no text) | “Priya” | Couldn’t check |
| Contact/Rahul | text.content | (no text) | “Rahul” | Couldn’t check |
| Contact/Meera | text.content | (no text) | “Meera” | Couldn’t check |
| Contact/Karan | text.content | (no text) | “Karan” | Couldn’t check |
| Contact/New | text.content | (no text) | “New” | Couldn’t check |
| Contact/New/Avatar | border.color | #E4E7EC | none | Couldn’t check |
| Contact/New/Avatar | border.width | 1 dp | none | Couldn’t check |
| Recent | * | none | none | Couldn’t check |
| Recent/Label | * | none | none | Couldn’t check |
| Amount | * | none | none | Couldn’t check |
| Amount/Label | * | none | none | Couldn’t check |
| Amount/Value | * | none | none | Couldn’t check |
| Amount/Source | * | none | none | Couldn’t check |
| Chip/₹500 | * | none | none | Couldn’t check |
| Chip/₹1,000 | * | none | none | Couldn’t check |
| Chip/₹2,000 | * | none | none | Couldn’t check |
| Chip/₹5,000 | * | none | none | Couldn’t check |
| 04 Send Money | fill | #F3F5F9 | #F3F5F9 | Matches |
| Top bar/Title | text.color | #101828 | #101828 | Matches |
| Top bar/Title | text.size | 17 sp | 17 sp | Matches |
| Top bar/Title | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Top bar/Title | text.family | Inter | Inter | Matches |
| Top bar/Title | text.content | “Send money” | “Send money” | Matches |
| Segmented | fill | #E9EDF5 | #E9EDF5 | Matches |
| Segmented | radius | 12 dp | 12 dp | Matches |
| Option/UPI ID | fill | #FFFFFF | #FFFFFF | Matches |
| Option/UPI ID | radius | 9 dp | 9 dp | Matches |
| Option/UPI ID | text.color | #0B1D51 | #0B1D51 | Matches |
| Option/UPI ID | text.size | 13 sp | 13 sp | Matches |
| Option/UPI ID | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Option/UPI ID | text.family | Inter | Inter | Matches |
| Option/UPI ID | text.content | “UPI ID” | “UPI ID” | Matches |
| Option/Bank account | radius | 9 dp | 9 dp | Matches |
| Option/Bank account | text.color | #667085 | #667085 | Matches |
| Option/Bank account | text.size | 13 sp | 13 sp | Matches |
| Option/Bank account | text.weight | 500 Medium | 500 Medium | Matches |
| Option/Bank account | text.family | Inter | Inter | Matches |
| Option/Bank account | text.content | “Bank account” | “Bank account” | Matches |
| Option/Mobile | radius | 9 dp | 9 dp | Matches |
| Option/Mobile | text.color | #667085 | #667085 | Matches |
| Option/Mobile | text.size | 13 sp | 13 sp | Matches |
| Option/Mobile | text.weight | 500 Medium | 500 Medium | Matches |
| Option/Mobile | text.family | Inter | Inter | Matches |
| Option/Mobile | text.content | “Mobile” | “Mobile” | Matches |
| Contact/Priya/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Contact/Priya/Avatar | radius | 24 dp | 24 dp | Matches |
| Contact/Priya/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Contact/Priya/Avatar | text.size | 16 sp | 16 sp | Matches |
| Contact/Priya/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Contact/Priya/Avatar | text.family | Inter | Inter | Matches |
| Contact/Priya/Avatar | text.content | “P” | “P” | Matches |
| Contact/Rahul/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Contact/Rahul/Avatar | radius | 24 dp | 24 dp | Matches |
| Contact/Rahul/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Contact/Rahul/Avatar | text.size | 16 sp | 16 sp | Matches |
| Contact/Rahul/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Contact/Rahul/Avatar | text.family | Inter | Inter | Matches |
| Contact/Rahul/Avatar | text.content | “R” | “R” | Matches |
| Contact/Meera/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Contact/Meera/Avatar | radius | 24 dp | 24 dp | Matches |
| Contact/Meera/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Contact/Meera/Avatar | text.size | 16 sp | 16 sp | Matches |
| Contact/Meera/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Contact/Meera/Avatar | text.family | Inter | Inter | Matches |
| Contact/Meera/Avatar | text.content | “M” | “M” | Matches |
| Contact/Karan/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Contact/Karan/Avatar | radius | 24 dp | 24 dp | Matches |
| Contact/Karan/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Contact/Karan/Avatar | text.size | 16 sp | 16 sp | Matches |
| Contact/Karan/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Contact/Karan/Avatar | text.family | Inter | Inter | Matches |
| Contact/Karan/Avatar | text.content | “K” | “K” | Matches |
| Contact/New/Avatar | fill | #FFFFFF | #FFFFFF | Matches |
| Contact/New/Avatar | radius | 24 dp | 24 dp | Matches |
| Contact/New/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Contact/New/Avatar | text.size | 16 sp | 16 sp | Matches |
| Contact/New/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Contact/New/Avatar | text.family | Inter | Inter | Matches |
| Contact/New/Avatar | text.content | “+” | “+” | Matches |
| Input/Pay to/Label | text.color | #667085 | #667085 | Matches |
| Input/Pay to/Label | text.size | 13 sp | 13 sp | Matches |
| Input/Pay to/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Input/Pay to/Label | text.family | Inter | Inter | Matches |
| Input/Pay to/Label | text.content | “Pay to” | “Pay to” | Matches |
| Input/Pay to/Field | fill | #FFFFFF | #FFFFFF | Matches |
| Input/Pay to/Field | border.color | #E4E7EC | #E4E7EC | Matches |
| Input/Pay to/Field | border.width | 1 dp | 1 dp | Matches |
| Input/Pay to/Field | text.color | #101828 | #101828 | Matches |
| Input/Pay to/Field | text.size | 15 sp | 15 sp | Matches |
| Input/Pay to/Field | text.weight | 400 Regular | 400 Regular | Matches |
| Input/Pay to/Field | text.family | Inter | Inter | Matches |
| Input/Pay to/Field | text.content | “priya@upi” | “priya@upi” | Matches |
| Input/Note (optional)/Label | text.color | #667085 | #667085 | Matches |
| Input/Note (optional)/Label | text.size | 13 sp | 13 sp | Matches |
| Input/Note (optional)/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Input/Note (optional)/Label | text.family | Inter | Inter | Matches |
| Input/Note (optional)/Label | text.content | “Note (optional)” | “Note (optional)” | Matches |
| Input/Note (optional)/Field | fill | #FFFFFF | #FFFFFF | Matches |
| Input/Note (optional)/Field | border.color | #E4E7EC | #E4E7EC | Matches |
| Input/Note (optional)/Field | border.width | 1 dp | 1 dp | Matches |
| Input/Note (optional)/Field | text.color | #667085 | #667085 | Matches |
| Input/Note (optional)/Field | text.size | 15 sp | 15 sp | Matches |
| Input/Note (optional)/Field | text.weight | 400 Regular | 400 Regular | Matches |
| Input/Note (optional)/Field | text.family | Inter | Inter | Matches |
| Input/Note (optional)/Field | text.content | “Dinner split” | “Dinner split” | Matches |
| Button/Continue | fill | #0B1D51 | #0B1D51 | Matches |
| Button/Continue | text.color | #FFFFFF | #FFFFFF | Matches |
| Button/Continue | text.size | 16 sp | 16 sp | Matches |
| Button/Continue | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Continue | text.family | Inter | Inter | Matches |
| Button/Continue | text.content | “Continue” | “Continue” | Matches |
Figma layers with no app counterpart (coverage only): Icon/Right, UPI ID, Bank account, Mobile, Recent, Recent, Frame, P, Priya, R, Rahul, M, Meera, K, Karan, +, New, priya@upi, Amount, Amount, ₹ 2,500, From Savings ••••4821 · Bal ₹1,24,560.50, Chip, ₹500, Chip, ₹1,000, Chip, ₹2,000, Chip, ₹5,000, Dinner split, Spacer, Continue
05 Transactions · 1 problem
5 elements don’t match 9 couldn’t check 185 match
The screen
C11111C
C11111CCCCCCC
Numbers match the problem cards below. Unmarked elements match the design.
1 problemC couldn’t check
Doesn’t match the design
1Major5 elements
Text size is 11 sp; design says 12 sp
Design says · Text size
12 sp
App shows
11 sp
How it was measured: The text size the app uses was compared with the Figma text size.
Also on 03 Home
Filed KAN-3
- Txn/Swiggy/Subtitle
- Txn/Priya Nair/Subtitle
- Txn/Salary · Acme Corp/Subtitle
- Txn/Amazon/Subtitle
- Txn/Uber/Subtitle
Couldn’t check on this screen
Icon/Search, Statements, Search, Filter — Two or more Figma layers share this name. Rename the duplicate layers in Figma so each name is unique.
Bottom nav — It draws nothing itself; its border may come from an enclosing container. Use a standard border or background, or check it by eye.
Group/Today, Group/Yesterday, 27 Sep — Its parent element wasn’t found in Figma, so this one couldn’t be placed. Fix the parent element first; this one follows it.
Header — Figma gives each corner a different roundness. Different corner radii per corner are not compared yet.
Every check on this screen (199) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| Txn/Swiggy/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Priya Nair/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Salary · Acme Corp/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Amazon/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Txn/Uber/Subtitle | text.size | 12 sp | 11 sp | Doesn’t match (major) |
| Header | radius | non-uniform | none | Couldn’t check |
| Bottom nav | border.color | #E4E7EC | none | Couldn’t check |
| Bottom nav | border.width | 1 dp | none | Couldn’t check |
| Icon/Search | * | none | none | Couldn’t check |
| Statements | * | none | none | Couldn’t check |
| Search | * | none | none | Couldn’t check |
| Filter | * | none | none | Couldn’t check |
| Group/Today | * | none | none | Couldn’t check |
| Group/Yesterday, 27 Sep | * | none | none | Couldn’t check |
| 05 Transactions | fill | #F3F5F9 | #F3F5F9 | Matches |
| Header | fill | #0B1D51 | #0B1D51 | Matches |
| Top bar/Title | text.color | #FFFFFF | #FFFFFF | Matches |
| Top bar/Title | text.size | 18 sp | 18 sp | Matches |
| Top bar/Title | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Top bar/Title | text.family | Inter | Inter | Matches |
| Top bar/Title | text.content | “Savings Account” | “Savings Account” | Matches |
| Top bar/Subtitle | text.color | #FFFFFFB2 | #FFFFFFB3 | Matches |
| Top bar/Subtitle | text.size | 12 sp | 12 sp | Matches |
| Top bar/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Top bar/Subtitle | text.family | Inter | Inter | Matches |
| Top bar/Subtitle | text.content | “NOVA0004821 · ••••4821” | “NOVA0004821 · ••••4821” | Matches |
| Spending/Label | text.color | #FFFFFFB2 | #FFFFFFB3 | Matches |
| Spending/Label | text.size | 12 sp | 12 sp | Matches |
| Spending/Label | text.weight | 400 Regular | 400 Regular | Matches |
| Spending/Label | text.family | Inter | Inter | Matches |
| Spending/Label | text.content | “This month” | “This month” | Matches |
| Bar/In | fill | #4FC3F7 | #4FC3F7 | Matches |
| Bar/In | radius | 8 dp | 8 dp | Matches |
| Bar/In/Label | text.color | #0B1D51 | #0B1D51 | Matches |
| Bar/In/Label | text.size | 13 sp | 13 sp | Matches |
| Bar/In/Label | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Bar/In/Label | text.family | Inter | Inter | Matches |
| Bar/In/Label | text.content | “In” | “In” | Matches |
| Bar/In/Amount | text.color | #0B1D51 | #0B1D51 | Matches |
| Bar/In/Amount | text.size | 13 sp | 13 sp | Matches |
| Bar/In/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Bar/In/Amount | text.family | Inter | Inter | Matches |
| Bar/In/Amount | text.content | “₹ 87,500” | “₹ 87,500” | Matches |
| Bar/Out track | fill | #16306E | #16306E | Matches |
| Bar/Out track | radius | 8 dp | 8 dp | Matches |
| Bar/Out | fill | #A78BFA | #A78BFA | Matches |
| Bar/Out | radius | 8 dp | 8 dp | Matches |
| Bar/Out/Label | text.color | #0B1D51 | #0B1D51 | Matches |
| Bar/Out/Label | text.size | 13 sp | 13 sp | Matches |
| Bar/Out/Label | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Bar/Out/Label | text.family | Inter | Inter | Matches |
| Bar/Out/Label | text.content | “Out” | “Out” | Matches |
| Bar/Out/Amount | text.color | #0B1D51 | #0B1D51 | Matches |
| Bar/Out/Amount | text.size | 13 sp | 13 sp | Matches |
| Bar/Out/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Bar/Out/Amount | text.family | Inter | Inter | Matches |
| Bar/Out/Amount | text.content | “₹ 31,240” | “₹ 31,240” | Matches |
| Toolbar | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Swiggy | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Swiggy | radius | 12 dp | 12 dp | Matches |
| Txn/Swiggy/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Txn/Swiggy/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Swiggy/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Txn/Swiggy/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Swiggy/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Swiggy/Avatar | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Avatar | text.content | “S” | “S” | Matches |
| Txn/Swiggy/Title | text.color | #101828 | #101828 | Matches |
| Txn/Swiggy/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Swiggy/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Swiggy/Title | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Title | text.content | “Swiggy” | “Swiggy” | Matches |
| Txn/Swiggy/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Swiggy/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Swiggy/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Subtitle | text.content | “Food · UPI” | “Food · UPI” | Matches |
| Txn/Swiggy/Amount | text.color | #101828 | #101828 | Matches |
| Txn/Swiggy/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Swiggy/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Swiggy/Amount | text.family | Inter | Inter | Matches |
| Txn/Swiggy/Amount | text.content | “- ₹420.00” | “- ₹420.00” | Matches |
| Txn/Priya Nair | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Priya Nair | radius | 12 dp | 12 dp | Matches |
| Txn/Priya Nair/Avatar | fill | #E6F7EE | #E6F7EE | Matches |
| Txn/Priya Nair/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Priya Nair/Avatar | text.color | #12B76A | #12B76A | Matches |
| Txn/Priya Nair/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Priya Nair/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Priya Nair/Avatar | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Avatar | text.content | “P” | “P” | Matches |
| Txn/Priya Nair/Title | text.color | #101828 | #101828 | Matches |
| Txn/Priya Nair/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Priya Nair/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Priya Nair/Title | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Title | text.content | “Priya Nair” | “Priya Nair” | Matches |
| Txn/Priya Nair/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Priya Nair/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Priya Nair/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Subtitle | text.content | “UPI received” | “UPI received” | Matches |
| Txn/Priya Nair/Amount | text.color | #12B76A | #12B76A | Matches |
| Txn/Priya Nair/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Priya Nair/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Priya Nair/Amount | text.family | Inter | Inter | Matches |
| Txn/Priya Nair/Amount | text.content | “+ ₹2,500.00” | “+ ₹2,500.00” | Matches |
| Txn/Salary · Acme Corp | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Salary · Acme Corp | radius | 12 dp | 12 dp | Matches |
| Txn/Salary · Acme Corp/Avatar | fill | #E6F7EE | #E6F7EE | Matches |
| Txn/Salary · Acme Corp/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Salary · Acme Corp/Avatar | text.color | #12B76A | #12B76A | Matches |
| Txn/Salary · Acme Corp/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Salary · Acme Corp/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Salary · Acme Corp/Avatar | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Avatar | text.content | “S” | “S” | Matches |
| Txn/Salary · Acme Corp/Title | text.color | #101828 | #101828 | Matches |
| Txn/Salary · Acme Corp/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Salary · Acme Corp/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Salary · Acme Corp/Title | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Title | text.content | “Salary · Acme Corp” | “Salary · Acme Corp” | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Subtitle | text.content | “NEFT credit” | “NEFT credit” | Matches |
| Txn/Salary · Acme Corp/Amount | text.color | #12B76A | #12B76A | Matches |
| Txn/Salary · Acme Corp/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Salary · Acme Corp/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Salary · Acme Corp/Amount | text.family | Inter | Inter | Matches |
| Txn/Salary · Acme Corp/Amount | text.content | “+ ₹85,000.00” | “+ ₹85,000.00” | Matches |
| Txn/Amazon | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Amazon | radius | 12 dp | 12 dp | Matches |
| Txn/Amazon/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Txn/Amazon/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Amazon/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Txn/Amazon/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Amazon/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Amazon/Avatar | text.family | Inter | Inter | Matches |
| Txn/Amazon/Avatar | text.content | “A” | “A” | Matches |
| Txn/Amazon/Title | text.color | #101828 | #101828 | Matches |
| Txn/Amazon/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Amazon/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Amazon/Title | text.family | Inter | Inter | Matches |
| Txn/Amazon/Title | text.content | “Amazon” | “Amazon” | Matches |
| Txn/Amazon/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Amazon/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Amazon/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Amazon/Subtitle | text.content | “Shopping · Card” | “Shopping · Card” | Matches |
| Txn/Amazon/Amount | text.color | #101828 | #101828 | Matches |
| Txn/Amazon/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Amazon/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Amazon/Amount | text.family | Inter | Inter | Matches |
| Txn/Amazon/Amount | text.content | “- ₹1,299.00” | “- ₹1,299.00” | Matches |
| Txn/Uber | fill | #FFFFFF | #FFFFFF | Matches |
| Txn/Uber | radius | 12 dp | 12 dp | Matches |
| Txn/Uber/Avatar | fill | #E9EDF5 | #E9EDF5 | Matches |
| Txn/Uber/Avatar | radius | 20 dp | 20 dp | Matches |
| Txn/Uber/Avatar | text.color | #0B1D51 | #0B1D51 | Matches |
| Txn/Uber/Avatar | text.size | 15 sp | 15 sp | Matches |
| Txn/Uber/Avatar | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Uber/Avatar | text.family | Inter | Inter | Matches |
| Txn/Uber/Avatar | text.content | “U” | “U” | Matches |
| Txn/Uber/Title | text.color | #101828 | #101828 | Matches |
| Txn/Uber/Title | text.size | 14 sp | 14 sp | Matches |
| Txn/Uber/Title | text.weight | 500 Medium | 500 Medium | Matches |
| Txn/Uber/Title | text.family | Inter | Inter | Matches |
| Txn/Uber/Title | text.content | “Uber” | “Uber” | Matches |
| Txn/Uber/Subtitle | text.color | #667085 | #667085 | Matches |
| Txn/Uber/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Txn/Uber/Subtitle | text.family | Inter | Inter | Matches |
| Txn/Uber/Subtitle | text.content | “Travel · UPI” | “Travel · UPI” | Matches |
| Txn/Uber/Amount | text.color | #101828 | #101828 | Matches |
| Txn/Uber/Amount | text.size | 14 sp | 14 sp | Matches |
| Txn/Uber/Amount | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Txn/Uber/Amount | text.family | Inter | Inter | Matches |
| Txn/Uber/Amount | text.content | “- ₹245.00” | “- ₹245.00” | Matches |
| Bottom nav | fill | #FFFFFF | #FFFFFF | Matches |
| Tab/Home | text.color | #667085 | #667085 | Matches |
| Tab/Home | text.size | 11 sp | 11 sp | Matches |
| Tab/Home | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Home | text.family | Inter | Inter | Matches |
| Tab/Home | text.content | “Home” | “Home” | Matches |
| Tab/Cards | text.color | #667085 | #667085 | Matches |
| Tab/Cards | text.size | 11 sp | 11 sp | Matches |
| Tab/Cards | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Cards | text.family | Inter | Inter | Matches |
| Tab/Cards | text.content | “Cards” | “Cards” | Matches |
| Tab/Pay | text.color | #667085 | #667085 | Matches |
| Tab/Pay | text.size | 11 sp | 11 sp | Matches |
| Tab/Pay | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Pay | text.family | Inter | Inter | Matches |
| Tab/Pay | text.content | “Pay” | “Pay” | Matches |
| Tab/History | text.color | #0B1D51 | #0B1D51 | Matches |
| Tab/History | text.size | 11 sp | 11 sp | Matches |
| Tab/History | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Tab/History | text.family | Inter | Inter | Matches |
| Tab/History | text.content | “History” | “History” | Matches |
| Tab/More | text.color | #667085 | #667085 | Matches |
| Tab/More | text.size | 11 sp | 11 sp | Matches |
| Tab/More | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/More | text.family | Inter | Inter | Matches |
| Tab/More | text.content | “More” | “More” | Matches |
Figma layers with no app counterpart (coverage only): Frame, Icon/Search, Statements, Icon/Statements, Statements, Search, Icon/Search, Search, Filter, Icon/Filter, Filter, Today, S, Frame, P, Frame, Yesterday, 27 Sep, S, Frame, A, Frame, U, Frame, Icon/Home, Home, Icon/Cards, Cards, Icon/Pay, Pay, Icon/History, History, Icon/More, More
06 Cards · Matches design
5 couldn’t check 119 match
The screen
CCC
CCCC
Unmarked elements match the design.
C couldn’t check
Doesn’t match the design
Every compared property on this screen matches the design.
Couldn’t check on this screen
Bottom nav — It draws nothing itself; its border may come from an enclosing container. Use a standard border or background, or check it by eye.
Card visual/CVC — Several untagged texts sit inside it, so it’s unclear which one to compare. Tag the text element in the app.
Linked account — One Figma group holds several text layers, so its text wasn’t compared. Tag the text in the app, or split the group in Figma.
Card visual/Expiry — No Figma layer has this name. Add a Figma layer with this name, or rename the app tag to match.
Every check on this screen (124) — for the QA team
| Element | Property | Figma | App | Result |
|---|---|---|---|---|
| Card visual/CVC | text.content | “CVC” | (no text) | Couldn’t check |
| Linked account | text.content | (no text) | “›” | Couldn’t check |
| Bottom nav | border.color | #E4E7EC | none | Couldn’t check |
| Bottom nav | border.width | 1 dp | none | Couldn’t check |
| Card visual/Expiry | * | none | none | Couldn’t check |
| 06 Cards | fill | #F3F5F9 | #F3F5F9 | Matches |
| Header | fill | #FFFFFF | #FFFFFF | Matches |
| Tab/Debit | text.color | #0B1D51 | #0B1D51 | Matches |
| Tab/Debit | text.size | 14 sp | 14 sp | Matches |
| Tab/Debit | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Tab/Debit | text.family | Inter | Inter | Matches |
| Tab/Debit | text.content | “Debit” | “Debit” | Matches |
| Tab/Debit/Indicator | fill | #0B1D51 | #0B1D51 | Matches |
| Tab/Credit | text.color | #667085 | #667085 | Matches |
| Tab/Credit | text.size | 14 sp | 14 sp | Matches |
| Tab/Credit | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Credit | text.family | Inter | Inter | Matches |
| Tab/Credit | text.content | “Credit” | “Credit” | Matches |
| Tab/Credit/Indicator | fill | #E4E7EC | #E4E7EC | Matches |
| Card visual | fill | #82D400 | #82D400 | Matches |
| Card visual | radius | 16 dp | 16 dp | Matches |
| Card visual/Kind | text.color | #0B1D51 | #0B1D51 | Matches |
| Card visual/Kind | text.size | 12 sp | 12 sp | Matches |
| Card visual/Kind | text.weight | 500 Medium | 500 Medium | Matches |
| Card visual/Kind | text.family | Inter | Inter | Matches |
| Card visual/Kind | text.content | “debit” | “debit” | Matches |
| Card visual/Type | text.color | #0B1D51 | #0B1D51 | Matches |
| Card visual/Type | text.size | 22 sp | 22 sp | Matches |
| Card visual/Type | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Card visual/Type | text.family | Inter | Inter | Matches |
| Card visual/Type | text.content | “Virtual” | “Virtual” | Matches |
| Card visual/Brand | text.color | #0B1D51 | #0B1D51 | Matches |
| Card visual/Brand | text.size | 15 sp | 15 sp | Matches |
| Card visual/Brand | text.weight | 700 Bold | 700 Bold | Matches |
| Card visual/Brand | text.family | Inter | Inter | Matches |
| Card visual/Brand | text.content | “NovaBank” | “NovaBank” | Matches |
| Card visual/Number | text.color | #0B1D51 | #0B1D51 | Matches |
| Card visual/Number | text.size | 18 sp | 18 sp | Matches |
| Card visual/Number | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Card visual/Number | text.family | Inter | Inter | Matches |
| Card visual/Number | text.content | “•••• •••• •••• 4821” | “•••• •••• •••• 4821” | Matches |
| Button/Show details | fill | #FFFFFF | #FFFFFF | Matches |
| Button/Show details | border.color | #E4E7EC | #E4E7EC | Matches |
| Button/Show details | border.width | 1 dp | 1 dp | Matches |
| Button/Show details | radius | 18 dp | 18 dp | Matches |
| Button/Show details | text.color | #101828 | #101828 | Matches |
| Button/Show details | text.size | 13 sp | 13 sp | Matches |
| Button/Show details | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Button/Show details | text.family | Inter | Inter | Matches |
| Button/Show details | text.content | “Show details” | “Show details” | Matches |
| Linked account | fill | #FFFFFF | #FFFFFF | Matches |
| Linked account | radius | 14 dp | 14 dp | Matches |
| Linked account/Title | text.color | #101828 | #101828 | Matches |
| Linked account/Title | text.size | 14 sp | 14 sp | Matches |
| Linked account/Title | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Linked account/Title | text.family | Inter | Inter | Matches |
| Linked account/Title | text.content | “Linked to Savings ••••4821” | “Linked to Savings ••••4821” | Matches |
| Linked account/Subtitle | text.color | #667085 | #667085 | Matches |
| Linked account/Subtitle | text.size | 12 sp | 12 sp | Matches |
| Linked account/Subtitle | text.weight | 400 Regular | 400 Regular | Matches |
| Linked account/Subtitle | text.family | Inter | Inter | Matches |
| Linked account/Subtitle | text.content | “Daily limit ₹50,000 · Online payments on” | “Daily limit ₹50,000 · Online payments on” | Matches |
| Action/Freeze card/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Freeze card/Icon circle | border.color | #E4E7EC | #E4E7EC | Matches |
| Action/Freeze card/Icon circle | border.width | 1 dp | 1 dp | Matches |
| Action/Freeze card/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Freeze card/Label | text.color | #101828 | #101828 | Matches |
| Action/Freeze card/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Freeze card/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Freeze card/Label | text.family | Inter | Inter | Matches |
| Action/Freeze card/Label | text.content | “Freeze card” | “Freeze card” | Matches |
| Action/Settings/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Settings/Icon circle | border.color | #E4E7EC | #E4E7EC | Matches |
| Action/Settings/Icon circle | border.width | 1 dp | 1 dp | Matches |
| Action/Settings/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Settings/Label | text.color | #101828 | #101828 | Matches |
| Action/Settings/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Settings/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Settings/Label | text.family | Inter | Inter | Matches |
| Action/Settings/Label | text.content | “Settings” | “Settings” | Matches |
| Action/Set limits/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Set limits/Icon circle | border.color | #E4E7EC | #E4E7EC | Matches |
| Action/Set limits/Icon circle | border.width | 1 dp | 1 dp | Matches |
| Action/Set limits/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Set limits/Label | text.color | #101828 | #101828 | Matches |
| Action/Set limits/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Set limits/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Set limits/Label | text.family | Inter | Inter | Matches |
| Action/Set limits/Label | text.content | “Set limits” | “Set limits” | Matches |
| Action/Offers/Icon circle | fill | #FFFFFF | #FFFFFF | Matches |
| Action/Offers/Icon circle | border.color | #E4E7EC | #E4E7EC | Matches |
| Action/Offers/Icon circle | border.width | 1 dp | 1 dp | Matches |
| Action/Offers/Icon circle | radius | 26 dp | 26 dp | Matches |
| Action/Offers/Label | text.color | #101828 | #101828 | Matches |
| Action/Offers/Label | text.size | 12 sp | 12 sp | Matches |
| Action/Offers/Label | text.weight | 500 Medium | 500 Medium | Matches |
| Action/Offers/Label | text.family | Inter | Inter | Matches |
| Action/Offers/Label | text.content | “Offers” | “Offers” | Matches |
| Bottom nav | fill | #FFFFFF | #FFFFFF | Matches |
| Tab/Home | text.color | #667085 | #667085 | Matches |
| Tab/Home | text.size | 11 sp | 11 sp | Matches |
| Tab/Home | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Home | text.family | Inter | Inter | Matches |
| Tab/Home | text.content | “Home” | “Home” | Matches |
| Tab/Cards | text.color | #0B1D51 | #0B1D51 | Matches |
| Tab/Cards | text.size | 11 sp | 11 sp | Matches |
| Tab/Cards | text.weight | 600 SemiBold | 600 SemiBold | Matches |
| Tab/Cards | text.family | Inter | Inter | Matches |
| Tab/Cards | text.content | “Cards” | “Cards” | Matches |
| Tab/Pay | text.color | #667085 | #667085 | Matches |
| Tab/Pay | text.size | 11 sp | 11 sp | Matches |
| Tab/Pay | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/Pay | text.family | Inter | Inter | Matches |
| Tab/Pay | text.content | “Pay” | “Pay” | Matches |
| Tab/History | text.color | #667085 | #667085 | Matches |
| Tab/History | text.size | 11 sp | 11 sp | Matches |
| Tab/History | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/History | text.family | Inter | Inter | Matches |
| Tab/History | text.content | “History” | “History” | Matches |
| Tab/More | text.color | #667085 | #667085 | Matches |
| Tab/More | text.size | 11 sp | 11 sp | Matches |
| Tab/More | text.weight | 500 Medium | 500 Medium | Matches |
| Tab/More | text.family | Inter | Inter | Matches |
| Tab/More | text.content | “More” | “More” | Matches |
Figma layers with no app counterpart (coverage only): Debit, Credit, Frame, Frame, Frame, Frame, Frame, Valid until, ••/••, Frame, •••, Ellipse, Ellipse, Icon/Eye, Show details, Frame, ›, Icon/Freeze, Icon/Settings, Icon/Limits, Icon/Offers, Icon/Home, Home, Icon/Cards, Cards, Icon/Pay, Pay, Icon/History, History, Icon/More, More