MoboReels: Short Drama Series

Colors

• #121316dark-bg · main screen background · bottom navigation bar background
• #FFFFFFpure-white · primary text · active navigation tab label · icons
• #8A8D93subdued-gray · inactive navigation tab labels · placeholder text · bottom nav labels
• #23252Asearch-input-bg · search bar background
• #E53935accent-red · play icon circular background · HOT badge background · gift count badge
• #5054D4accent-purple · NEW badge background
• #E2B755gold-vip · VIP text icon gradient fill

Type

• active-tab-apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif · 28px · 700 · #FFFFFF
• inactive-tab-apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif · 22px · 500 · #8A8D93
• card-title-apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif · 19px · 500 · #FFFFFF
• badge-label-apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif · 14px · 700 · #FFFFFF
• nav-label-apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif · 14px · 500 · #8A8D93

Elements

• search-bar · search_input

  Top row left-aligned, width ~68% of screen width, height ~46px · Rounded pill container with dark gray fill #23252A and search magnifying glass icon

• vip-and-gift-group · action_group

  Top row right-aligned next to search bar · Gift box icon with red badge pill (+700) and metallic gold VIP text graphic

• category-tabs · horizontal_scroll_tabs

  Horizontal row below search bar, spanning full width with items spaced ~24px · Unstyled text links with Home highlighted in bold white

• featured-carousel · carousel

  Center section showing large central vertical card (~370px width) flanked by partially visible cards · High-detail illustrated covers with purple 'NEW' pill badge on top right and circular floating red play button on bottom right

• grid-item-card · content_card

  3-column grid below featured carousel, each card ~230px wide · Vertical image with rounded corners, top-right 'HOT' badge pill in red, text caption below

• bottom-nav-bar · tab_bar

  Fixed bottom bar containing 5 navigation items evenly spaced · Solid dark background #121316 with center prominent 3D cake illustration elevated above the bar plane

Layout

Mobile media discovery interface featuring a top status bar, search and reward header, horizontal category selector, central featured carousel banner, multi-column grid feed, and anchored 5-item bottom tab navigation.

Notes

Exact font families appear standard iOS system sans-serif (SF Pro). Bottom center tab features a large skeuomorphic cake illustration icon.