Lifestyle · 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.
미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 astrology 모바일 앱 디자인을 미리 보세요.
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
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
astrology 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용