Design and UX

This section explains how each Incode module behaves, how the user experience is structured, and what customization options you can apply to match your brand and onboarding flow. It outlines the visual behavior, interaction patterns, and UX guidelines that help you design a seamless and fully branded verification experience.

Here you will find:

Module-by-module breakdowns
Screens, flows, and user journeys
Visual + behavioral customization guidelines
High-level design and interaction specs
Accessibility considerations

This page provides the overview and structure. Full component specs, tokens, spacing, and prototypes live in our Figma Design System.

How this section is organized

Each module includes its own set of pages, covering:

Documentation

What the module does, where it fits in the flow, its screens/states, short customization notes, accessibility notes, and best practices.

Flows

The full visual flow maps and happy paths, including light/dark mode previews.

Customization Guidelines

Module-specific customization options:

What can be customized
What is fixed

General Specs

Short design guidelines with:

Screens specs and localization notes
Desktop & tablet behavior
Prototype and transition guidelines Each one includes a short description and a direct link to the detailed Figma source.

Accessibility

We maintain a dedicated accessibility section covering:

Contrast, typography, and focus rules
Screen reader behavior
Keyboard navigation
Motion and interaction guidelines

Each module has its own accessibility notes within its documentation, but the full accessibility principles live here.

View the Accessibility Overview

Incode Modules

Below is the list of modules documented in this section.

Module	Category	Description
Selfie Capture	Identity & Biometrics	Captures a live selfie to verify presence and enable biometric checks.
Face Match	Identity & Biometrics	Compares the live selfie with the portrait extracted from the user’s ID.
DMV Face Match & Reusability	Identity & Biometrics	Face comparison using DMV sources when available, enabling identity reuse.
Video Selfie	Identity & Biometrics	Video-based presence and face capture for high-security flows.
ID Capture	Document & Data Capture	Captures front/back ID images and extracts document data.
POA / Document Capture	Document & Data Capture	Captures documents for proof of address or additional validation.
Upload Digital ID	Document & Data Capture	Upload supported digital identity files for verification.
NFC	Document & Data Capture	Reads encrypted chip data from compatible IDs via NFC.
OCR (Review OCR)	Document & Data Capture	Shows extracted ID data for confirmation or correction before submission.
Input Modules (Phone, Email, Name)	Inputs & Attributes	Collects structured personal information.
Geolocation	Inputs & Attributes	Retrieves approximate user location for fraud/jurisdiction checks.
CURP	Inputs & Attributes	Collects and validates the Mexican CURP identifier.
eKYC / eKYB	Inputs & Attributes	Performs KYC or KYB checks for identity or business validation.
Signatures (Electronic, Advanced, Qualified, Checkbox)	Signatures	Collects different levels of electronic signatures.

Getting Started

If you're working on an onboarding or verification flow, we recommend:

Start by opening the module you plan to integrate.
Review the Documentation page to understand purpose, flow, and states.
Check Flows to see how it behaves visually.
Visit Customization Guidelines to understand branding options.
Use General Specs to reference high-level rules and navigate to Figma for full detail.

If you need help locating a module or want to confirm something about a flow, reach out to your Incode representative.