In the case study you mentioned adding a find a local dealer search feature next, do you envision that acting as the bridge where everyday buyer traffic gets sent directly into dealer sales?
This is slick Emmanuel! That Fintech Transfer flow prototype looks super smooth - the ₦185k balance card with Quick Transfer and Recent Activities feels very clean and intuitive. If this is all native Figma prototyping, that's impressive interaction work. Loved the micro-interactions!
If your Figma file has seventeen font sizes, your website will too.
Before any page design, I set up a type scale as text styles, named by role:
• Display: 56 / 64
• Heading 1: 40 / 48
• Heading 2: 28 / 36
• Body: 17 / 28
• Caption: 13 / 20
Size and line height together, never one without the other. Role names (Heading 2, Body) instead of sizes (28px), so the scale can change without renaming anything.
Font size can also bind to number variables now, which helps when desktop and mobile need different values.
Publish the styles to the team library and every file uses the same scale. On the build side it becomes a handful of CSS classes or variables.
How many text styles does your current project have?
Save this for your next redesign, and follow for the next build.
Follow for more videos: instagram.com/sellwrightstudio · youtube.com/@sellwrightstudio