{"id":2003,"date":"2025-05-12T08:27:55","date_gmt":"2025-05-12T01:27:55","guid":{"rendered":"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2003"},"modified":"2025-05-12T08:31:25","modified_gmt":"2025-05-12T01:31:25","slug":"tutorial-4","status":"publish","type":"post","link":"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2003","title":{"rendered":"Tutorial 4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2003\" class=\"elementor elementor-2003\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b94eced elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b94eced\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-81e2593\" data-id=\"81e2593\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7a7ad9 elementor-widget elementor-widget-video\" data-id=\"a7a7ad9\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=21idCHbolS4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6e508aa\" data-id=\"6e508aa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b7f843 elementor-widget elementor-widget-heading\" data-id=\"1b7f843\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tutorial UI Financial App<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aadc507 elementor-widget elementor-widget-text-editor\" data-id=\"aadc507\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<article class=\"text-token-text-primary w-full\" dir=\"auto\" data-testid=\"conversation-turn-52\" data-scroll-anchor=\"true\"><div class=\"text-base my-auto mx-auto py-5 [--thread-content-margin:--spacing(4)] @[37rem]:[--thread-content-margin:--spacing(6)] @[72rem]:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:32rem] @[34rem]:[--thread-content-max-width:40rem] @[64rem]:[--thread-content-max-width:48rem] mx-auto flex max-w-(--thread-content-max-width) flex-1 text-base gap-4 md:gap-5 lg:gap-6 group\/turn-messages focus-visible:outline-hidden\" tabindex=\"-1\"><div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col agent-turn\"><div class=\"relative flex-col gap-1 md:gap-3\"><div class=\"flex max-w-full flex-col grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"a93ee6cf-48f1-48ef-9300-4cbf71eaeee3\" data-message-model-slug=\"gpt-4o\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\"><div class=\"markdown prose dark:prose-invert w-full break-words dark\"><p data-start=\"0\" data-end=\"364\" data-is-last-node=\"\" data-is-only-node=\"\"><span class=\"_fadeIn_m1hgl_8\">This <\/span><span class=\"_fadeIn_m1hgl_8\">video <\/span><span class=\"_fadeIn_m1hgl_8\">tutorial <\/span><span class=\"_fadeIn_m1hgl_8\">guides <\/span><span class=\"_fadeIn_m1hgl_8\">viewers <\/span><span class=\"_fadeIn_m1hgl_8\">through <\/span><span class=\"_fadeIn_m1hgl_8\">designing <\/span><span class=\"_fadeIn_m1hgl_8\">a <\/span><span class=\"_fadeIn_m1hgl_8\">financial <\/span><span class=\"_fadeIn_m1hgl_8\">app <\/span><span class=\"_fadeIn_m1hgl_8\">UI <\/span><span class=\"_fadeIn_m1hgl_8\">from <\/span><span class=\"_fadeIn_m1hgl_8\">scratch. <\/span><span class=\"_fadeIn_m1hgl_8\">It <\/span><span class=\"_fadeIn_m1hgl_8\">covers <\/span><span class=\"_fadeIn_m1hgl_8\">layout <\/span><span class=\"_fadeIn_m1hgl_8\">structuring, <\/span><span class=\"_fadeIn_m1hgl_8\">color <\/span><span class=\"_fadeIn_m1hgl_8\">choices, <\/span><span class=\"_fadeIn_m1hgl_8\">and <\/span><span class=\"_fadeIn_m1hgl_8\">key <\/span><span class=\"_fadeIn_m1hgl_8\">elements <\/span><span class=\"_fadeIn_m1hgl_8\">like <\/span><span class=\"_fadeIn_m1hgl_8\">dashboards <\/span><span class=\"_fadeIn_m1hgl_8\">and <\/span><span class=\"_fadeIn_m1hgl_8\">transaction <\/span><span class=\"_fadeIn_m1hgl_8\">lists. <\/span><span class=\"_fadeIn_m1hgl_8\">Using <\/span><span class=\"_fadeIn_m1hgl_8\">clear <\/span><span class=\"_fadeIn_m1hgl_8\">steps <\/span><span class=\"_fadeIn_m1hgl_8\">and <\/span><span class=\"_fadeIn_m1hgl_8\">design <\/span><span class=\"_fadeIn_m1hgl_8\">principles, <\/span><span class=\"_fadeIn_m1hgl_8\">it <\/span><span class=\"_fadeIn_m1hgl_8\">ensures <\/span><span class=\"_fadeIn_m1hgl_8\">a <\/span><span class=\"_fadeIn_m1hgl_8\">user-<\/span><span class=\"_fadeIn_m1hgl_8\">friendly <\/span><span class=\"_fadeIn_m1hgl_8\">and <\/span><span class=\"_fadeIn_m1hgl_8\">professional <\/span><span class=\"_fadeIn_m1hgl_8\">look. <\/span><span class=\"_fadeIn_m1hgl_8\">Perfect <\/span><span class=\"_fadeIn_m1hgl_8\">for <\/span><span class=\"_fadeIn_m1hgl_8\">beginners <\/span><span class=\"_fadeIn_m1hgl_8\">and <\/span><span class=\"_fadeIn_m1hgl_8\">designers <\/span><span class=\"_fadeIn_m1hgl_8\">aiming <\/span><span class=\"_fadeIn_m1hgl_8\">to <\/span><span class=\"_fadeIn_m1hgl_8\">create <\/span><span class=\"_fadeIn_m1hgl_8\">clean, <\/span><span class=\"_fadeIn_m1hgl_8\">functional <\/span><span class=\"_fadeIn_m1hgl_8\">financial <\/span><span class=\"_fadeIn_m1hgl_8\">apps<\/span><\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tutorial UI Financial App This video tutorial guides viewers through designing a financial app UI from scratch. It covers layout structuring, color choices, and key elements like dashboards and transaction lists. Using clear steps and design principles, it ensures a user-friendly and professional look. Perfect for beginners and designers aiming to create clean, functional financial &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2003\"> <span class=\"screen-reader-text\">Tutorial 4<\/span> Selengkapnya &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2003","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2003"}],"version-history":[{"count":4,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2003\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2003\/revisions\/2008"}],"wp:attachment":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}