Violet
Primary brand, hero, buttons
Manifest Massage · Brand resources
Style guide & assets.
One place for the visual identity, design details, and files used across the website.
56 files · Logos, icons, images, video, fonts & design tokens01 · Identity
A recognizable, personal practice.
The magnet and lotus mark pairs with a warm serif wordmark. Use the supplied proportions and choose a version that contrasts with its background.
Clear spaceKeep at least half the mark’s width free on every side. Do not stretch or crop the logo.
File choiceSVG for crisp scaling and print layouts. Transparent PNG for presentations and everyday use.
Brand lineCome As You Are.
Become What You Imagine.
02 · Color
Violet energy. A flash of lime.
Use deep plum for the hero, vivid violet for key brand moments, lime for focus and actions, and cream for breathing room.
Deep plum
Dark brand contrast
Lavender
Secondary backgrounds
Electric lime
Primary action on dark plum
Cream
Main page surface
Ink
Headings and body text
Muted
Supporting text
Line
Dividers and borders
Choose a color code to copy it.
03 · TypographyCharacter in the headline.
Character in the headline.
Clarity everywhere else.
Locally hosted fonts keep the identity consistent. Cormorant Garamond gives the wordmark its character. Bold DM Sans carries the hero, with readable weights for navigation, content, and forms.
Cormorant Garamond · 500
Manifest
Brand wordmarkDM Sans · 400 / 500 / 700
Thoughtful care, clearly communicated.
Body copy uses a comfortable 16px size with a 1.7 line height. Keep paragraphs concise and leave enough space between ideas.
Body, section headings, buttons and forms| Element | Desktop | Mobile | Weight |
|---|---|---|---|
| Hero opening · sans | 64–102px | 62–88px | 700 |
| Section heading · sans | 36px | 30px | 500 |
| Body copy · sans | 16px / 1.7 | 16px / 1.7 | 400 |
| Button · sans | 15px | 14–15px | 500 |
| Label · sans | 12px | 11–12px | 600 |
04 · UI details
A consistent, quiet structure.
Use simple edges, clear state changes, and the same action language throughout the request-based booking journey.
Actions
Request a Session View servicesSpacing
Content width: 1160px
Section padding: 80px desktop / 48px mobile
Base rhythm: 8, 16, 24, 32, 48, 64, 80px
Icons & corners
Lucide icons, usually 18–24px with a 2px stroke. Keep corners subtle: 3px for controls and 3–4px for photographs and panels.
05 · Asset library
Ready to use. Easy to export.
Filter by category, search by name, and download the file you need. SVG logos have outlined text; PNG logos have transparent backgrounds.
7 assets shown
Stock images are illustrative. Luna’s video and poster are client-supplied media. Original rights and usage terms still apply.
Asset notes & sourcesIcon licenseFont licenses