EMOCHI World: AI Story Chat

Colors

• #131316dark-bg · Screen background
• #1e1e24card-surface · Selected model card fill
• #2e2e38card-border · Selected model card outline
• #26262ftag-bg · Attribute badge fill
• #9e9ea7tag-text · Attribute badge label
• #fed925accent-yellow · Promotional banner fill · Free tags · Checkmark
• #302f18accent-olive · Countdown/promo banner background
• #fffffftext-primary · Headings · Model titles
• #6f6f78text-muted · Sublabels · Section titles

Type

• screen-headerSF Pro Text · 38px · 700 · #ffffff
• nav-buttonSF Pro Text · 36px · 600 · #ffffff
• section-headerSF Pro Text · 34px · 600 · #8c8c95
• model-titleSF Pro Text · 38px · 600 · #ffffff
• tag-textSF Pro Text · 28px · 400 · #9e9ea7
• promo-textSF Pro Text · 30px · 600 · #fed925

Elements

• navigation-bar · header

  Top bar with close circular button on left, title 'Models' centered, 'Done' pill button on right · Dark background with circular pill icon containers

• banner-card · card

  Horizontal banner below header with 'Free Trial' graphics and pagination dots · Bright yellow background graphic with subtle rounded corners

• model-card-active · card

  Card containing blob avatar, 'Coconut Water', subtext 'Epath', and two pill badges below · Dark rounded rectangle with subtle gray border (#2e2e38) and subtle dark fill (#1e1e24)

• tag-pill · badge

  Small horizontal badges inside model item containing descriptive traits · Dark grayish fill with soft rounded border

• promo-bar · banner

  Horizontal bar under Premium section with left text '20 Free Chats...' and right countdown timer badge · Dark yellow/olive tinted background (#252516) with rounded corners

• bottom-action-bar · footer

  Sticky bottom bar with checked radio/checkbox icon and 'Apply this model to all your bots' · Semi-transparent dark overlay

Layout

Modal sheet presentation with fixed top navigation, scrollable list of categorized model cards (Free and Premium sections), and fixed bottom confirmation control.

Notes

System fonts on iOS closely resemble SF Pro Text. Exact colors are estimated under slight display color profile variance.