Media & Entertainment · Analog Broadcast Warmth
Radio App UI Design Template
Frequency is a live-radio app design with the lamplit glow of a vintage tuner, made for founders and designers shipping a streaming-radio product.



معاينة
استكشف الشاشات
عاين تصميم تطبيق الجوال radio، القابل للتعديل بالكامل في Sleek.
حول Radio App
Frequency is a radio app UI design template built on an "Analog Broadcast Warmth" look: a warm charcoal base, aged cream display type, and a single burnt-orange accent saved for the live indicator and the tune action. Surfaces are flat tonal panels split by hairline amber rules instead of shadowed cards, station names sit in tracked-out condensed uppercase, and frequency numbers read large and monospaced like a physical dial.
The template ships six connected screens that form a full listening flow: a Live home that greets you by name with genre tuners and recently tuned stations, a Now Playing screen with a scrolling analog tuner strip and waveform scrubber, a Browse view grouped by region and genre, a Search screen with a dial-style frequency readout and trending broadcasts, a Schedule timeline with the on-air slot lit in amber, and a Library of saved stations and podcast replays. The signature tuner needle recurs as a thin progress indicator across the replay and player screens.
Use it in Sleek and make it your own: restyle the palette, edit any screen with AI by describing the change, and add the flows your station needs. Export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, a much faster start than a blank canvas.
ما في الداخل
الشاشات المضمّنة
Live
A personalised home that greets the listener by name, with a featured On Air broadcast, a horizontal row of genre tuners (Jazz, Talk, Indie) showing frequencies, and a recently tuned list. The entry point into live listening.
Now Playing
A scrolling analog tuner strip pinned to 90.3 sits above grainy station artwork, the current track and host, and a waveform scrubber with a live time readout. The signature player that anchors the app's tuner-dial identity.
Browse
Global broadcasts grouped by region with photographic city tiles and by genre with icon blocks and frequency ranges. The discovery surface for finding new stations.
Search
A dial-style frequency input styled like a tuner readout with plus and minus controls, a list of recent stations, and a numbered trending list with active listener counts. Finds stations by frequency or popularity.
Schedule
A vertical timeline of today's shows for a followed station with airtimes and host portraits, the current slot highlighted in amber with an On Air Now badge and a progress bar. Keeps listeners on top of upcoming broadcasts.
Library
Tabbed saved stations, recordings, and history, with station tiles showing frequency and live status plus podcast replays listed with duration and date. The listener's personal collection.
التصميم والميزات
الميزات الرئيسية
- Analog Broadcast Warmth palette: charcoal, cream, and burnt-orange accent
- Flat tonal panels divided by hairline amber rules
- Signature analog tuner strip with a glowing orange needle
- Monospaced tuner-style frequency readouts
- Station tiles with a thin left-edge accent stripe and live status dots
- Waveform scrubber on the Now Playing screen
- Fixed bottom nav with an amber dot under the active tab
- Schedule timeline with the on-air slot lit in amber
الجمهور
لمن يناسب
حالات الاستخدام
ما يمكنك بناءه
- Launch an MVP for a live-radio streaming app
- Mock up screens for an investor or station pitch
- Hand a consistent, themed UI off to developers
- Explore a redesign of an existing radio or podcast app
كيفية استخدام هذا القالب
- 1
افتح القالب
تصفح الشاشات وعاين التصميم الكامل لترى إن كان يناسب فكرتك.
- 2
استخدم هذا القالب
افتح نسختك القابلة للتعديل بالكامل في Sleek بنقرة واحدة.
- 3
عدّل بالذكاء الاصطناعي
أعد تنسيق لوحة الألوان، وغيّر التخطيطات، وأضف أو أزل شاشات بمجرد وصف ما تريد.
- 4
صدّر وانطلق
صدّر تصميمك أو سلّمه للمطوّرين، وواصل البناء نحو الإطلاق.
الأسئلة الشائعة
قوالب تطبيقات جوال ذات صلة
ابدأ بتصميم تطبيق radio
استخدمه في Sleek واجعله خاصاً بك: أعد تنسيق لوحة الألوان، وعدّل أي شاشة بالذكاء الاصطناعي، وصدّر إلى كود أو Figma.
استخدم هذا القالب







