iOS Settings UI Clone

Замовник: AI | Опубліковано: 17.11.2025

I need a pixel-perfect, front-end only replica of Apple’s Settings app exactly as it appears in Ios18. Every visual detail has to match the native experience: layout, iconography, spacing, San Francisco fonts, dynamic type sizing, and the subtle tint shifts that occur as a user scrolls. Scope • The project is strictly HTML, CSS, and JavaScript—no backend and no framework dependencies unless they improve fidelity without bloating the bundle. • All top-level rows must open their respective sub-pages; I want the FULL SETTINGS APP REPLICA, with special attention to Wi-Fi settings, Privacy settings, and General settings. These sub-pages can be static screens, yet their hierarchy and navigation must feel native. • Animations required: – Page transitions that mimic the iOS navigation push/pop slide. – Toggle switch animations identical to Apple’s, including the spring effect. – Button click effects that mirror the slight opacity dip of a tapped cell. Deliverables • index.html, style.css, and script.js in a single, clean folder structure. • Assets (icons, svg, or png) embedded or referenced so the demo runs by simply opening index.html. • Code commented well enough for educational reuse. • No functional settings logic is needed; visual fidelity and smooth interaction are the goals. Acceptance I’ll consider the job complete when I can open index.html, navigate through every menu, and experience the requested animations without noticeable lag or visual discrepancies compared to the real Ios18 Settings app.