AnyStories-Top Novels & Books

Colors

• #191929Dark Navy Background · background · canvas
• #FFFFFFWhite Text · titles · body text · icons
• #A2A2B0Muted Gray Text · metadata · subtitles
• #2C2C40Tag Background · chips · tags background
• #FFD700Primary Yellow · read now button background · bottom bar active icons
• #1A1A1AButton Dark Text · read now button text
• #F8F8F8Bottom Sheet Background · bottom sheet background

Type

• TitleSF Pro Display · 28px · bold · #FFFFFF
• Section HeaderSF Pro Text · 24px · semibold · #FFFFFF
• BodySF Pro Text · 18px · regular · #FFFFFF
• MetadataSF Pro Text · 14px · regular · #A2A2B0
• ButtonSF Pro Text · 20px · bold · #1A1A1A

Elements

• Top Navigation Bar · header

  Fixed at top, containing back button, browser indicator, share button, and menu dots. · Transparent overlay on dark navy background.

• Book Cover Card · image

  Positioned near top left, displaying book artwork. · Rectangular image with slight shadow and rounded corners.

• Tag Chips · chips container

  Horizontal wrapping list of tags below introduction section. · Pill-shaped dark grey background with white text.

• Read Now Button · button

  Fixed at bottom right area above bottom sheet, large full-width yellow pill shape. · Solid yellow fill with dark bold text.

• Bottom Navigation Bar · tab bar

  Fixed at the bottom of the screen over the light bottom sheet area, with Library and Listen tabs. · White background container with icons and labels.

Layout

Vertical scrolling layout with a dark navy theme, structured with a book header, metadata, introduction, content list, and a fixed bottom action sheet.

Notes

Browser header showing appkittie.com is a capture artifact. Font guessed as SF Pro based on iOS system aesthetic.