Draft for review · not approved

Design system.

The building blocks for the new Lakshmi Rising website. Every example on this page is the same component used in the design preview.

The palette, logo, photographs and wording come from the current site. Hover, tab through and resize the page to see each state.

Typography

A classical serif for headings and a clean sans-serif for reading, both taken from the current site. Sizes grow smoothly between phone and desktop.

Cormorant Garamond, medium and medium italic

Headings, dates and quotes

Montserrat, regular, medium and semibold

Body text, labels and controls

  1. Display XL

    Rare statements

    --text-display-xl

    Live the practice.

  2. Display L

    Page hero, inquiry title

    --text-display-l

    Immersive Yoga Teacher Trainings

  3. Display M

    Section headings

    --text-display-m

    A Different Kind of Yoga Teacher Training

  4. Display S

    Card titles, dates, pull statements

    --text-display-s

    200-Hour Yoga Teacher Training

  5. Quote

    Testimonials

    --text-quote

    You will not regret your decision.

  6. Lead

    Introductions

    --text-lead

    Join our in-person 200-hour and 300-hour yoga teacher trainings in Portugal, Mallorca and Italy.

  7. Body

    Paragraphs, 17 to 18px

    --text-base

    All-inclusive, in-person trainings that weave the living wisdom of yoga with modern science, plant-based cuisine, and immersive community learning.

  8. Small

    Controls, notes, captions

    --text-sm

    €500 deposit secures your spot

  9. Eyebrow

    Section labels

    --text-xs

    Plan your training journey

Color

The current palette, kept as it is. Each color has a job, so dark rose is reserved for actions and rose for decoration.

  • Paper Main background
  • White Raised background, control fill
  • Ink Main text, focus ring
  • Muted Secondary text, field border on hover
  • Rose Decoration and large italic accents only
  • Dark rose Primary actions and links
  • Deep rose Action hover (from prototype hover state)
  • Blush Accent on dark surfaces, text selection
  • Cream Secondary text on dark surfaces
  • Sage Quiet section background
  • Olive Dark section background
  • Line Decorative separators
  • Stone (proposed) Field borders. Softer than Muted, still 3:1.
  • Saffron (proposed) From the logo flame. Fills, badges, ornaments. Not for text on light.
  • Deep saffron (proposed) Small labels and stars on light surfaces
  • Honey (proposed) Accents and buttons on olive, ink or rose
  • Lotus (proposed) From the logo lotus. Testimonial background, hover fills
  • Aqua (proposed) From the logo water. Decoration
  • Aqua tint (proposed) Dates section background
  • Teal (proposed) Accent text on aqua
  • Lake (proposed) Yoga Alliance blue-teal. Soft background washes only
  • Error (proposed) Form errors. Not in the source palette.
  • Shade (proposed) Photo scrim behind hero text. Not in the source palette.

Surfaces

Contrast

Ratios are calculated from the live color values on this page. Body text needs 4.5:1. Large text and field borders need 3:1.

Sample Use Ratio Result
Aa Body text on paper – –
Aa Secondary text on paper – –
Aa Secondary text on sage – –
Aa Links on paper – –
Aa Links on white – –
Aa Button label on dark rose – –
Aa Text on olive – –
Aa Secondary text on olive – –
Aa Accent on olive – –
Aa Error message on white – –
Aa Error message on paper – –
Aa Deep saffron labels on white – –
Aa Body text on sand (footer) – –
Aa Footer links on sand – –
Aa Footer headings on sand – –
Email field border on white – –
Aa Teal on aqua tint – –
Aa Text on lotus – –
Aa Secondary text on lotus – –
Aa Labels on rose – –
Aa Honey on olive – –
Aa Button label on honey – –
Aa Badge text on saffron – –
Aa Large honey figures on rose – –
Aa Rose on paper – –
Field border on white – –
Field border on paper – –
Line on paper – –

Spacing and layout

Spacing follows a 4px base. Sections breathe more on large screens. Text columns stay near 65 characters wide.

  1. --space-1
  2. --space-2
  3. --space-3
  4. --space-4
  5. --space-5
  6. --space-6
  7. --space-7
  8. --space-8
  9. --space-9
  10. --space-10
--width-max
Content width ·
--width-wide
Wide compositions ·
--width-prose
Readable text measure ·
--gutter
Page side margin, 16px at 360px wide ·
--space-section
Vertical section spacing ·
--control-min
Minimum control height ·
--border-control
Field border width ·
--focus-ring
Focus outline width ·

Shapes and ornaments

Taken from the logo: the temple arch that frames it, the flame, the lotus and the water. The arch is used sparingly as a signature. Photographs otherwise keep a small soft corner. Circles are only for seals and badges, and pills only for buttons and chips.

  • Students sitting in a circle in an outdoor classroom among olive trees in Italy

    Temple arch
    The signature, from the logo outline. One or two large photographs per page.

  • Students practicing under a wooden pavilion during a vinyasa yoga teacher training in Portugal

    Soft corner
    Every other photograph, large or small. 6px.

  • Stone villa and pool at the Mallorca yoga teacher training venue

    Small photographs
    Same 6px corner, so thumbnails never turn into pills.

Seal
Turns as the page scrolls.

Badge
Repeats a key fact on a photo.

Section label

Mark
The arch, small, before labels.

Sunrise
Warm glow behind arches and panels.

  • --radius-s
  • --radius-m
  • --radius-l
  • --radius-xl
  • --radius-round

Photography

Real photographs carry the brand. Each photo has a focal point, so faces and teaching moments stay in frame at every crop.

  • Yoga teacher training graduates holding their certificates in Portugal

    Wide 16:9

  • Yoga teacher training graduates holding their certificates in Portugal

    Landscape 3:2

  • Yoga teacher training graduates holding their certificates in Portugal

    Portrait 4:5

  • Yoga teacher training graduates holding their certificates in Portugal

    Square 1:1

Gaia Gourmet plant-based truffle risotto

Hover zoom. Linked photos enlarge slightly on hover or keyboard focus.

Students sitting in a circle in an outdoor classroom among olive trees in Italy

Scroll unveil. Photos open from the bottom as they enter the screen.

Stone villa and pool at the Mallorca yoga teacher training venue
Captions use small muted text.

Buttons and links

Soft pills with a small arrow after the label. One primary action per decision, text links for secondary routes. Every control is at least 44px tall and shows a clear focus ring.

On light surfaces

Let's Connect! Schedule a Conversation View Yoga Training & Retreat Dates Learn More about 200hr YTT

On dark surfaces

Let's Connect! Schedule a Conversation View Yoga Training & Retreat Dates Learn More about 300hr YTT

States: on hover the colour stays the same, a thin ring opens around the pill, the diagonal arrow turns to point straight ahead, and straight arrows nudge a few pixels. Keyboard focus shows the 2px outline and the same arrow movement. Text links darken their underline and move the arrow the same way. Focus also shows a 2px outline. Disabled buttons use a flat fill and cannot be clicked. Links to other pages use a diagonal arrow. Links within the page use a downward arrow.

Fields

Clear labels above each field, with hints and errors written in plain words. Errors use an icon and text, not color alone.

For example, name@example.com

Enter an email address in the format name@example.com.

Available after you choose a program.

Try it

Leave the fields empty or type an incomplete email address, then check the form. Nothing is sent or saved.

For example, name@example.com

Disclosures

Longer program text can fold away. Essential facts such as dates, prices and requirements stay outside disclosures.

Continue reading

This 200-hour YTT offers a comprehensive exploration of yogic philosophy, functional anatomy, and asana, providing tools that support both personal growth and professional development, on and off the mat.

Whether you feel called to teach or simply want to deepen your practice, this yoga certification program invites you into a thoughtful, experiential learning process.

Open by default

This immersion offers advanced tools and applied wisdom that deepen self-inquiry while strengthening your ability to skillfully hold space for others.

A grouped pair. Opening one closes the other.

200-Hour Yoga Teacher Training

Lakshmi Rising’s 200-hour yoga teacher training (RYT 200) is an engaging foundational program designed to deepen your personal practice while introducing the essential skills of teaching.

300-Hour Yoga Teacher Training

A unique aspect of this program is that 300-hour students learn alongside our 200-hour teacher training cohort for much of the training. This mixed-cohort model reflects a core belief of the yogic path: that depth is not found by moving beyond the fundamentals, but by returning to them with greater awareness, humility, and insight.

Program cards

A photo, the program name, its key facts and the full description. In a narrow column the photo sits on top. With more room it moves beside the text.

Students practicing under a wooden pavilion during a vinyasa yoga teacher training in Portugal

Our foundational program

200-Hour Yoga Teacher Training

Lakshmi Rising’s 200-hour yoga teacher training (RYT 200) is an engaging foundational program designed to deepen your personal practice while introducing the essential skills of teaching.

Certification
RYT 200
Formats
21-Day 200-Hour · 14-Day Hybrid 200-Hour
Continue reading

This 200-hour YTT offers a comprehensive exploration of yogic philosophy, functional anatomy, and asana, providing tools that support both personal growth and professional development, on and off the mat.

Whether you feel called to teach or simply want to deepen your practice, this yoga certification program invites you into a thoughtful, experiential learning process.

Through guided practice, self-inquiry, and community, you will cultivate greater self-awareness, clarify your unique voice, and build a strong, well-rounded foundation in the practice of yoga.

The growth that happens in this immersive yoga training extends far beyond the mat—into your relationships, your work, and the way you move through daily life.

Learn More about 200hr YTT
Students in a side stretch against a pink wall during a 300-hour training immersion

Our advanced program

300-Hour Yoga Teacher Training

Lakshmi Rising’s 300-hour yoga teacher training (RYT 500) is an intensive training designed to refine your practice, expand your teaching capacity, and support your continued evolution as both a practitioner and a teacher.

Certification
RYT 500
Format
21-Day 300-Hour
Requirement
A completed 200-hour training or equivalent experience
Continue reading

This immersion offers advanced tools and applied wisdom that deepen self-inquiry while strengthening your ability to skillfully hold space for others.

A unique aspect of this program is that 300-hour students learn alongside our 200-hour teacher training cohort for much of the training. This mixed-cohort model reflects a core belief of the yogic path: that depth is not found by moving beyond the fundamentals, but by returning to them with greater awareness, humility, and insight.

Through this shared learning environment, advanced students have the opportunity to revisit essential teachings through a more mature lens while engaging in dedicated 300-hour coursework, mentorship, projects, and applied teaching practice.

Completion of a 200-hour yoga teacher training, through Lakshmi Rising or another recognized school, or equivalent experience, is required for participation.

Learn More about 300hr YTT
Students practicing under a wooden pavilion during a vinyasa yoga teacher training in Portugal

Our foundational program

200-Hour Yoga Teacher Training

Lakshmi Rising’s 200-hour yoga teacher training (RYT 200) is an engaging foundational program designed to deepen your personal practice while introducing the essential skills of teaching.

Certification
RYT 200
Formats
21-Day 200-Hour · 14-Day Hybrid 200-Hour
Continue reading

This 200-hour YTT offers a comprehensive exploration of yogic philosophy, functional anatomy, and asana, providing tools that support both personal growth and professional development, on and off the mat.

Whether you feel called to teach or simply want to deepen your practice, this yoga certification program invites you into a thoughtful, experiential learning process.

Through guided practice, self-inquiry, and community, you will cultivate greater self-awareness, clarify your unique voice, and build a strong, well-rounded foundation in the practice of yoga.

The growth that happens in this immersive yoga training extends far beyond the mat—into your relationships, your work, and the way you move through daily life.

Learn More about 200hr YTT

Date rows

One row per training. Dates read first, then the place and any early-bird note. On a computer the location photo appears on hover.

  1. Portugal

    Sold out

  2. Portugal

    Early-bird ends November 9, 2026

    Details

  3. Portugal

    Early-bird ends December 28, 2026

    Details

  1. Portugal

    Sold out

  2. Portugal

    Early-bird ends November 9, 2026

    Details
Phone width, 360px

Content sections

Sections combine the components above. The design preview shows the hero, program introduction, dates, testimonial and inquiry prompt together.

Testimonial without a photo, with a longer review.

The meals provided by chef Naga were also a thrill to experience. I felt entirely nourished and energized to learn and practice asana. The meal schedule was also based in Ayurveda and felt even more special to sit down to a 3 course menu in the middle of the day with all your new friends. Truly splendid!

Mackenzie Reed 5-Star Google Review

Block library

Thirteen generic blocks cover every recurring pattern found on the current site. Editors stack them to build a page and choose from a few simple options per block. Text blocks sit in two columns on wide screens, heading on the left, and the heading can stay in view while a long right column scrolls. The long page shows them working together with real content.

  • Page header

    Top of every page except home

    photo optional

  • Rich text

    Syllabi, packing lists, terms, articles

    columns, sticky heading, tone

  • Text and photo

    Philosophy, venues, "what to expect", films

    photo or film, photo side, sticky photo, tone

  • Feature list

    Benefits, inclusions, syllabus modules

    columns, sticky heading, tone

  • Card grid

    Locations, venues, rooms, retreats, courses

    tone

  • Gallery

    Venue, food and excursion photographs, room guides

    tone

  • Accordion

    FAQs, practical information, long optional text

    groups, columns, sticky heading, tone

  • Schedule

    Daily timetable on location pages

    columns, sticky heading, tone

  • Reviews

    Editorial list of verbatim pull-quotes from the shared review list, full text on request

    tone

  • Quote

    One featured review

    photo optional

  • Figures

    Credentials and numbers

    none

  • Dates

    Sessions from the shared date list, in year tabs

    program or place filter

  • Call to action

    Discovery call and inquiry prompts

    photo optional

Open the long page

Schedule block with placeholder rows. The real day plans come from the location pages during migration.

Layout example

A day at the training

  1. Morning Session title Short description of the session
  2. Midday Session title Short description of the session
  3. Afternoon Session title
  4. Evening Session title Short description of the session

Motion

Motion guides attention without getting in the way. Controls respond in under a fifth of a second and entrances take about half a second. The seal, location band and hero photo move only while you scroll. Scrolling itself is never taken over.

--duration-control
Color and border changes on controls ·
--duration-control-slow
Button fill, underline, menu and disclosure ·
--duration-entrance
Text and section entrances ·
--duration-hero
Hero frame opening ·
--duration-image
Image unveil and hover zoom ·
--stagger
Delay between items in a group ·
--ease-out
Entrances and reveals ·
--ease-in-out
Hero frame ·
--ease-standard
Control state changes ·
--ease-spring
Badges, highlights and chevrons that settle with a small overshoot ·

Hero entrance

Section reveal

Photo unveil

With "Reduce motion" on, or when your device asks for less motion, content appears without movement.

Review checklist

Client review checklist

Open the design preview first, then the design system. Try both on a phone and a computer. Note anything that feels wrong, even if you cannot say why.

Typography

  • Do the large serif headings feel like Lakshmi Rising?
  • Is body text comfortable to read on your phone without zooming?
  • Are the small uppercase labels readable, or too faint?

Palette

  • Do paper, dark rose, sage and olive still feel like your brand?
  • Is dark rose right for buttons and links?
  • Should the olive inquiry section be darker, lighter or a different color?

Identity

  • The arch shapes, saffron badges and seal come from your logo. Do they feel like Lakshmi Rising?
  • Are the added logo colours (saffron, lotus pink, aqua) welcome, or too many?

Photography

  • Are these the right photographs for each section?
  • Are faces and teaching moments visible in every crop, including on a phone?
  • Do you have higher-resolution originals of these photos?

Composition

  • Does the page feel open and calm, or too spacious?
  • Are the dates, locations and prices easy to find and compare?
  • Does the staggered layout of the two programs help or distract?
  • Open each menu item. Can you find every page you expect?
  • Is grouping the 200-hour and 300-hour trainings in one panel clear?
  • On your phone, is the full-screen menu easy to use with one hand?

Controls

  • Are buttons and links easy to recognize and tap?
  • Is it clear which dates are sold out?
  • Are the form error messages clear and polite?
  • Compare the photo header and the video header (switch in the review bar). Which one feels right for the home page?
  • On your phone, does the video header start quickly enough, and does it look sharp?
  • Are the year tabs on the dates list clear? Should the list open on the current year or the next one with open places?
  • Is the footer complete? On your phone, are the folded link groups easy to open?
  • Does the sand footer feel right, or should it be lighter or warmer?
  • Which newsletter service do you use (or want)? Does it need a consent line, for example “You can unsubscribe at any time”?
  • How often does The Lifestyle go out? Saying so beside the field (for example “once a month”) helps people sign up.
  • Instagram, Facebook, YouTube and Spotify are the accounts linked from your site. Do you have others to show, such as TikTok, Pinterest, LinkedIn or a Google reviews page?

Credentials

  • Are the RYS 200 and RYS 300 registrations both current? Could you send the official badge files from your Yoga Alliance account?

Motion

  • Does the opening animation of the photo and heading feel welcome or slow?
  • Do sections appearing as you scroll feel natural?
  • Turn on “Reduce motion” in the review bar. Does the page still feel complete?