Media & Entertainment · Modern Broadsheet
News App Design Template
Dispatch is a news app design with a Modern Broadsheet look, built for founders and designers shipping an editorial reading product.



Önizle
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen news mobil uygulama tasarımını önizleyin.
News App hakkında
Dispatch is a news app design template that rebuilds the authority of a quality newspaper for mobile. It commits to a Modern Broadsheet look: warm off-white paper backgrounds, near-black ink text, a single classic news red reserved for the masthead, section labels, and the breaking badge, with thin hairline rules between stories instead of boxy cards. A strong editorial serif carries headlines and the masthead while a clean sans handles body copy, bylines, and UI, giving every screen a clear lead-versus-secondary hierarchy.
The template ships six connected screens that form a complete reading flow: a Top Stories home with a breaking lead, a Sections browser with swipeable tabs, a personalized For You feed with topic chips, a Search screen with trending topics and recent queries, a Saved reading list, and a full article view with a hero photo, byline, drop cap, and justified body text. Editorial reportage photography runs throughout, so the layout reads like a finished publication rather than a wireframe.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the sections or feeds your product needs. Then export to code, copy into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
İçindekiler
Dahil olan ekranlar
Top Stories
A breaking lead story with a large reportage photo, a red "Breaking" eyebrow, and a bold serif headline, followed by secondary headlines with small thumbnails and timestamps under the red Dispatch masthead.
Sections
Swipeable tabs for World, Business, Tech, Sports, and Culture sit above a story list for the active section, each item tagged by region with a timestamp. The browse-by-topic surface.
For You
A personalized feed led by a large 'Based on your interest' story with topic chips up top and a recommended secondary article below. Tailors the news to each reader.
Search
A search field for Dispatch news above trending topics with live reader counts and a recent-queries list with a "Clear All" action. Helps readers find and rediscover coverage.
Saved
A 'Reading List' of bookmarked articles with section labels, save dates, and "Remove" and "Offline" controls on each story. Lets readers keep stories for later.
Article
A full-bleed hero photo, a serif headline, an author byline with avatar and read time, and justified body text opening with a red drop cap. The core reading experience.
Tasarım ve özellikler
Öne çıkan özellikler
- Modern Broadsheet aesthetic: warm paper, ink-black text, one news red
- Editorial serif headlines paired with a clean sans for body and UI
- Hairline rules between stories instead of cards
- Breaking lead story with a red eyebrow badge
- Swipeable section tabs for World, Business, Tech, Sports, Culture
- Personalized For You feed with topic chips
- Search with trending topics and recent queries
- Saved reading list with offline and remove controls
Hedef kitle
Kimler için
Kullanım alanları
Neler oluşturabilirsiniz
- Launch an MVP for a digital news or magazine product
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent news UI off to developers
- Explore a redesign of an existing news app
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sıkça sorulan sorular
İlgili mobil uygulama şablonları
news uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.
Bu şablonu kullan







