A clean, elegant iPhone app UI mockup for a Chinese perpetual calendar and almanac app, shown as a full-screen mobile screenshot on a soft warm white background with subtle paper-like texture and refined East Asian editorial aesthetics. The interface uses a minimalist serif-and-sans mix, muted brown, gray, black, pale blue, green, and gold accents, with spacious layout and delicate dividers. Show the iOS status bar at the top with the time 8:45, cellular signal, WiโFi icon, and a battery indicator reading 96. Below it, a header for [month] with secondary text โ24ๆฅ | ๆฏๆฅไธๅนดๅโ and, on the right, a rounded rectangular date-picker button labeled โๆฉๆฅโ with a calendar icon plus a separate plus symbol. The main section is a monthly calendar grid for [year], with 7 weekday columns labeled Sunday through Saturday in Chinese: ๅจๆฅ, ๅจไธ, ๅจไบ, ๅจไธ, ๅจๅ, ๅจไบ, ๅจๅ ญ. Render a 6-row month view with exactly 42 date cells including adjacent-month dates. The visible dates should be: first row 29, 30, 31, 1, 2, 3, 4; second row 5, 6, 7, 8, 9, 10, 11; third row 12, 13, 14, 15, 16, 17, 18; fourth row 19, 20, 21, 22, 23, 24, 25; fifth row 26, 27, 28, 29, 30, 1, 2; sixth row 3, 4, 5, 6, 7, 8, 9. Each day cell includes a large Gregorian date and a smaller Chinese lunar date or note underneath. Include colored holiday and solar-term tags across specific cells, with exactly 10 highlighted labels visible: โไผๅไธโ on the 4th, โๆธ ๆ่โ on the 5th, โไผๅไนโ on the 6th, โ่ฐท้จโ on the 20th in green, โๅณๅจ่โ on the next-month 1st, โไผๅๅ ญโ on the next-month 2nd, โไผๅไธโ on the last-row 3rd, โ้ๅนด่โ on the last-row 4th, โไผ็ซๅคโ on the last-row 5th, and โๅคฉๅ่ฏโ on the last-row 9th in orange. Add small lunar phase markers on a few days, including yellow crescent or dot icons around the 2nd, 10th, 17th, 24th, and next-month 2nd. Make the [selected date] cell in the Friday column stand out with a rounded blue gradient tile and soft shadow, with smaller text โๅๅ ซโ inside. Beneath the calendar, show a detailed daily information panel separated by whitespace. The left side features a very large date title โ4ๆ24ๆฅโ; the right side stacks โๆๆไบ 2026โ and โๅๅไธๆๅๅ ซโ. Below that, include smaller gray metadata lines such as โ็ฌฌ114ๅคฉ ยท ็ฌฌ17ๅจ ้ๅฐๆโ and a traditional sexagenary/date string like โไธๅ ยท ้ฉฌๅนด ๅฃฌ่พฐๆ ๆ่พฐๆฅโ. At the far right of this metadata area, place a rounded outline pill button labeled โไปๆฅโ. Underneath, present a large white rounded card with almanac guidance. The card contains two major sections with exactly 2 headings: a green โๅฎโ section and a red โๅฟโ section, separated by fine dotted dividers. In the โๅฎโ section, include the directional fortune line โๅ็ฅ ไธๅ ็ฆ็ฅ ๆญฃๅ ่ดข็ฅ ๆญฃๅโ and three activity items: โ็ฅญ็ฅโ, โไฟฎ้ฅฐๅฃๅขโ, โไฝไบๅฟๅโ. In the โๅฟโ section, include the conflict line โๅฒ็ ๅฒ็ ็ ๅโ. At the bottom, show a 5-item iOS-style tab bar with labels exactly โไปๆฅโ, โMONTHโ, โYEARโ, โEVENTSโ, โMOREโ; the first tab is active and includes the small sublabel โ4ๆ24ๆฅโ. Overall style: premium app design concept, calm scholarly Chinese calendar aesthetic, high-fidelity mobile product shot, realistic yet idealized interface, perfectly aligned typography, subtle shadows, soft contrast, and polished startup-quality UI.
0 Comments
๐ฅ Co-learning Circle 0
Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!