Celestial Velvet
Astrology App UI Design Template
Astra is a horoscope and natal-chart app design with a candlelit, star-mapped look, made for founders and designers building an astrology product.
探索各界面
预览 astrology 移动应用设计，可在 Sleek 中完整编辑。
关于 Astrology App
Astra is an astrology app UI design template built around a "Celestial Velvet" look: a deep aubergine-black base drifting into midnight violet, starlight off-white text, and a luminous champagne-gold reserved for constellations, active states, and primary actions. A soft cosmic rose accent carries the emotional and relationship content, while glowing zodiac glyphs and nebula textures give every screen the feel of reading the night sky from a velvet observatory.
The template ships six connected screens that form a full astrology flow: a Today home with a living sky-map hero and daily reading, a circular natal Chart wheel, a Horoscope detail with daily/weekly/monthly toggle, a Compatibility synastry score, a Cosmic Calendar of moons and retrogrades, and a Profile holding birth data and saved readings. Cards glow as tonal panels with no hard borders, separated by gradient shifts and faint gold hairlines, and a floating translucent dock lights its active icon in gold.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
包含的界面
Today
A personalised "Good evening, Leo" greeting over a starfield constellation hero, a Today's Reading card with a "Read Full Horoscope" pill, and Love and Career energy meters. The daily entry point into the app.
Your Chart
A full circular natal-chart wheel rendered in gold with houses and aspect lines, followed by a Celestial Alignment legend listing Sun in Leo, Moon in Pisces, and Rising Cancer with exact degrees.
Horoscope Detail
A serif sign header for Leo, the Golden Lion, with a Daily, Weekly, and Monthly toggle, lucky-number and power-color cards, and a flowing reading. Where users dive into the full forecast.
Compatibility
A Celestial Synastry view with two avatars inside an 82% soul-match ring and category bars for Passion, Trust, and Communication, plus a written relationship summary. The relationship-focused screen.
Cosmic Calendar
A month grid for July 2024 marking lunisolar events and retrogrades as glowing gold and rose dots, with an Upcoming Transits list for events like a New Moon in Cancer and Neptune Retrograde.
Profile
An avatar with the big-three summary (Leo Sun, Pisces Moon, Cancer Rising), a Birth Origin card with date, time, and city, an "Edit Birth Data" action, and a saved-readings list.
核心功能
- Celestial Velvet aesthetic: aubergine-black base, violet gradient, champagne-gold accent
- Cosmic rose accent for love and relationship content
- Living sky-map constellation hero on the Today screen
- Full circular natal-chart wheel with houses and aspect lines
- Glowing tonal cards with gold hairline detailing and no hard borders
- Floating translucent navigation dock with a gold active icon
- Daily, weekly, and monthly horoscope toggle
- Synastry compatibility ring with category breakdown bars
适合谁
你可以做什么
- Launch an MVP for a daily horoscope or astrology product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent, dark-mode astrology UI off to developers
- Explore a redesign of an existing zodiac or compatibility app
如何使用此模板
- 1
打开模板
浏览各界面并预览完整设计，看看是否契合你的想法。
- 2
使用此模板
一键在 Sleek 中打开你自己的完全可编辑副本。
- 3
用 AI 编辑
只需描述你想要的效果，就能重设配色、改布局、增删界面。
- 4
导出并上线
导出设计或交给开发者，继续推进上线。
有问必答。 开始之前你需要了解的一切。
How do I build an astrology app from this template?
What screens are included in this astrology app UI design?
Can I customize the astrology app design?
Is this template suitable for a horoscope or compatibility app?
Can I export the design to code or Figma?
Is this astrology app design template free to use?
还有其他问题？请发邮件至 support@sleek.design。
开始设计你的 astrology 应用
在 Sleek 中使用并改成你的：重设配色、用 AI 编辑任意界面，再导出为代码或 Figma。