Youtap Tech Indonesia
Breadcrumbs

Assets for standard customisation

Assets for 
Standard 
Customisation — The basic assets that customers 
need to update for the standard 
Youtap reskin exercise.



00_Figma reference

https://www.figma.com/file/F1fNT99VGTJHJ1jAnjFTn6/Youtap-Style-guide-V1.0.2023?type=design&node-id=3001%3A98897&t=FfpGRHFdD5eHLLGm-1

:figma:


For more detailed information, please refer to the respective pages on Confluence
and the Figma files.

01_App store image assets 01_App store image assets

This part of our style guide provides design guidelines specific to our presence across the three primary app stores: Apple's App Store, Google's Play Store, and Huawei's AppGallery. It outlines the standards for app icons, screenshots, promotional images, and app descriptions for each platform, ensuring our Fintech White-label product is consistently and effectively represented across all stores. Detailed templates for each app store can be found in this section, offering comprehensive guidance on designing and updating our app store presence.

02_Card request assets

In this section, we delve into the design elements associated with card requests. This includes visual assets related to card application forms, card delivery status updates, and card activation prompts. Each asset is thoughtfully designed to provide a seamless user experience while maintaining the brand's visual identity.

03_Digital KYC animation

This section focuses on the animations used during the Digital Know Your Customer (KYC) process. It includes visual guidance on the design, timing, and transitions of animations that make the KYC process intuitive and engaging for our users.

04_Error and empty state images

Here, we discuss the design standards for error messages and empty state scenarios. The section provides guidance on the imagery, text, and overall design to be used to handle these states in an informative and user-friendly manner.

05_NIB savings account background images for customisation

This section is dedicated to the design elements for the NIB Savings Account interface. It includes a variety of background images that users can choose from to personalise their account view, each designed in line with the brand's visual language.

06_Splash Screen Story UI (CMS)

This section contains the design guidelines for the splash screen story user interface, controlled via our content management system. It details the layout, transitions, and imagery to be used to create an engaging and informative introduction to our app every time it's launched.

07_Virtual and Physical Card assets

In this section, we provide design guidelines for both virtual and physical card assets. It includes details on the design elements, color scheme, typography, and iconography to be used on the cards to ensure consistency with the brand's visual identity.

08_Visa Card Design

This section provides specific design guidelines for our Visa Card products. It includes information on the layout, color scheme, and branding elements to ensure our Visa cards align with both our brand guidelines and Visa's requirements.