Conscious Physicians
Psychedelics Academy
Design system & visual identity guide. Persian-inspired geometric minimalism rooted in New Mexico's iconic color heritage.
V1.0 · PUBLISHED MARCH 2026
Quick Start
5 things you need to start creating on-brand
01 — Color System
Primary Palette
Drawn from the New Mexico flag and iconic turquoise license plate. These three colors anchor every design decision.
Primary
Gold
Warmth, illumination, heritage. Accents, highlights, and celebratory moments.
- Hex
- #FFD700
- RGB
- 255, 215, 0
- CMYK
- 0, 16, 100, 0
- PMS
- Yellow 012 C
Primary
Red
Passion, courage, authority. Card accent bars, heritage elements, entry-tier pricing, and high-contrast text on light backgrounds.
- Hex
- #BF0A30
- RGB
- 191, 10, 48
- CMYK
- 0, 95, 75, 25
- PMS
- 200 C
Primary
Turquoise
Clarity, healing, consciousness. Dark-mode primary CTA, top-tier pricing, backgrounds, and supporting elements.
- Hex
- #00A5A8
- RGB
- 0, 165, 168
- CMYK
- 100, 2, 0, 34
- PMS
- 7714 C
Neutrals
Secondary Palette
Sandia Sunset, Green Chile, and Deep Dusk complete the color wheel. Evokes expanded consciousness while remaining sophisticated through restrained application.
Secondary
Sandia Sunset
Energy, warmth, transition. Warm accents, progress indicators, and call-out backgrounds.
- Hex
- #ED8B00
- RGB
- 237, 139, 0
- CMYK
- 0, 50, 100, 0
- PMS
- 144 C
Secondary
Green Chile
Growth, vitality, nature. Success states, badges, and botanical/plant-medicine associations.
- Hex
- #A8AA19
- RGB
- 168, 170, 25
- CMYK
- 37, 14, 100, 0
- PMS
- 383 C
Secondary
Deep Dusk
Mystery, consciousness, transformation. Light-mode primary CTA, "Psychedelics Academy" wordmark, and featured content.
- Hex
- #8A387C
- RGB
- 138, 56, 124
- CMYK
- 45, 95, 5, 0
- PMS
- 7656 C
Complete Palette
Primary colors dominate at ~80%. Secondary colors accent at ~20% — data viz, badges, featured content, and dark mode contexts.
02 — Typography
Type System
Three-font system: elegant serif display, clean geometric sans-serif, and utilitarian monospace. All available free from Google Fonts.
Display — Cormorant Garamond
The Conscious Path to
Psychedelic Medicine
Psychedelic Medicine
Light 300 · Regular 400 · Medium 500 · Semibold 600 · Bold 700 · Italic
Use for: Headlines, hero text, section titles, pull quotes
Body — Plus Jakarta Sans
Psychedelic-assisted therapy represents a paradigm shift in mental health treatment. CPPA provides physicians with evidence-based continuing education in ketamine, psilocybin, and MDMA-assisted therapies.
Light 300 · Regular 400 · Medium 500 · Semibold 600 · Bold 700 · ExtraBold 800
Use for: Body text, navigation, buttons, captions, UI labels
Mono — DM Mono
CEU-2024-0847 · 4.5 CME Credits · Module 3 of 8
Session: Ketamine Protocols · Duration: 02:15:00
Session: Ketamine Protocols · Duration: 02:15:00
Light 300 · Regular 400 · Medium 500
Use for: Data labels, section numbers, metadata, badges
Type Scale
Hero / 56pxConscious Medicine
H1 / 44pxPsychedelic Education
H2 / 32pxEvidence-Based Training
H3 / 24pxCourse Modules
Body / 16pxEvidence-based approaches to psychedelic-assisted therapy.
Small / 14pxApproved for 4.5 AMA PRA Category 1 Credits™.
Caption / 12pxLAST UPDATED · MARCH 2026
Complete Type Specifications
LevelSizeWeightLine-HeightLetter-SpacingFont
Hero56px3001.1 (62px)normalCormorant Garamond
H144px4001.15 (51px)normalCormorant Garamond
H232px5001.2 (38px)normalCormorant Garamond
H324px6001.25 (30px)normalCormorant Garamond
Body16px4001.6 (26px)normalPlus Jakarta Sans
Small14px4001.5 (21px)normalPlus Jakarta Sans
Caption12px4001.4 (17px)0.05emDM Mono, uppercase
Section Label11px4001.4 (15px)0.15emDM Mono, uppercase
03 — Spacing & Layout
Spatial System
8px base unit with geometric progression. Mathematical precision echoing Persian design.
xs4px · 0.25rem
sm8px · 0.5rem
md16px · 1rem
lg24px · 1.5rem
xl32px · 2rem
2xl48px · 3rem
3xl64px · 4rem
4xl96px · 6rem
5xl128px · 8rem
12-Column Grid
Max 1280px, 24px gutter, centered with fluid padding.
1
2
3
4
5
6
7
8
9
10
11
12
12 cols — Full
8 cols — Content
4 — Sidebar
4
4
4
Responsive Breakpoints
BreakpointWidthLayout ChangesSpacing Adjustments
Desktop> 900pxFull 12-col grid, multi-column layouts, side-by-side cardsSection padding: 96px vertical. Max-width: 1280px.
Tablet≤ 900pxColor cards stack to 1-col. Pattern grid to 2-col. UI grid to 1-col. Icon grid to 4-col. Nav links hidden (hamburger). Example cards/pricing stack.Section padding: 64px vertical. Gutter: 16px.
Mobile≤ 600pxPattern grid to 1-col. Icon grid to 3-col. All multi-column layouts stack. Timeline becomes vertical list.Section padding: 48px vertical. Horizontal padding: 24px. Hero font: clamp scales down.
Border Radius
sm · 4px
md · 8px
lg · 16px
pill
04 — Accessibility
Contrast Matrix
WCAG 2.1 contrast ratios. Only AA+ combinations for text. Decorative use may use failing pairs at designer discretion.
✓ Safe Combinations (AA+)
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
✗ Avoid for Text
Aa
Aa
Aa
Aa
Aa
Quick Reference — 3 Key Rules
RULE 1
Always use Turquoise Dark (#006F72) for text on light backgrounds. Base Turquoise (#00A5A8) fails AA at 3.1:1 — use it only for decorative elements, backgrounds, and borders.
Always use Turquoise Dark (#006F72) for text on light backgrounds. Base Turquoise (#00A5A8) fails AA at 3.1:1 — use it only for decorative elements, backgrounds, and borders.
RULE 2
Gold never carries white text (1.3:1 contrast). Use Near Black or Charcoal text on gold backgrounds. Gold is for accents, highlights, and card bars.
Gold never carries white text (1.3:1 contrast). Use Near Black or Charcoal text on gold backgrounds. Gold is for accents, highlights, and card bars.
RULE 3
Red on Gold is decorative only (2.6:1). Never use as body text. For text on Red backgrounds, use White (#FEFDFB) which passes AA at 6.2:1.
Red on Gold is decorative only (2.6:1). Never use as body text. For text on Red backgrounds, use White (#FEFDFB) which passes AA at 6.2:1.
Font Size Minimums by Contrast Level
LevelRatio RequiredMin Font Size
AA Normal4.5:1Any size (body text, captions, labels)
AA Large3.0:118px regular / 14px bold minimum
AAA7.0:1Any size — preferred for all body text
05 — Brand Mark
CPPA Mandala
The primary brand mark — a Persian-inspired geometric mandala using the full CPPA palette. The layered petal form represents the trimesters of transformation, with the open center symbolizing consciousness and possibility.
On Cream
Default / Light mode
On White
Clean backgrounds
On Dark
Dark mode
Size Variants
120px · Header
72px · Nav
48px · Footer
32px · Favicon
24px · Inline
Watermark & Overlay Treatments
Logo + Wordmark Lockups
Conscious Physicians
Psychedelics Academy
Conscious Physicians
Psychedelics Academy
Usage Guidelines
SIZING
Header: 120px
Nav: 72px
Footer: 48px
Favicon: 32px
Inline: 24px
Watermark: 200px+ at 4–8% opacity
Header: 120px
Nav: 72px
Footer: 48px
Favicon: 32px
Inline: 24px
Watermark: 200px+ at 4–8% opacity
CLEAR SPACE
Minimum clear space equal to 25% of the mark's width on all sides. Never crowd with text or other elements.
Minimum clear space equal to 25% of the mark's width on all sides. Never crowd with text or other elements.
FORMAT
PNG with transparent background. Works on cream, white, and dark surfaces without modification. No black background should be added.
PNG with transparent background. Works on cream, white, and dark surfaces without modification. No black background should be added.
06 — Templates
Templates & Formats
Guidance for applying the design system to the most frequently produced brand assets: email communications and social media content.
Email Header Pattern
Social Media Formats
1080 x 1080 · Quote Post
1080 x 1920 · Story
1200 x 630 · Link Preview
Social Media Specs
FORMATS
Square post: 1080x1080
Story/Reel: 1080x1920
Link preview: 1200x630
Profile banner: 1500x500
Square post: 1080x1080
Story/Reel: 1080x1920
Link preview: 1200x630
Profile banner: 1500x500
TYPOGRAPHY
Headlines: Cormorant Garamond (rasterize for social)
Body: Plus Jakarta Sans
Labels: DM Mono
Minimum text size: 24px for readability
Headlines: Cormorant Garamond (rasterize for social)
Body: Plus Jakarta Sans
Labels: DM Mono
Minimum text size: 24px for readability
BRAND ELEMENTS
Always include mandala or color bar
Cream background default; dark for dark mode
Watermark mandala at 4–6% opacity
Color bar as footer element on all posts
Always include mandala or color bar
Cream background default; dark for dark mode
Watermark mandala at 4–6% opacity
Color bar as footer element on all posts
07 — Assets & Documents
Downloadable Assets & Document Design
Ready-to-use graphics for headers, footers, and documents. Available in SVG and PNG, light and dark versions. Download the .docx template to start creating branded materials immediately.
Document & PDF Design
For handouts, syllabi, letters, and printed materials. Download these header graphics and insert into Google Docs, Word, or any PDF layout tool. Available in SVG and PNG formats, light and dark versions.
Color Bar
Full Header (Color Bar + Wordmark)
Logo + Wordmark
Document & PDF Specs
HEADERS & FOOTERS
Page 1: Full Header graphic (color bar + logo wordmark). Subsequent pages: Logo + Wordmark lockup only. Footer on all pages: Color Bar as a horizontal rule with copyright text below. Use light versions on white/cream backgrounds, dark versions on near-black.
Page 1: Full Header graphic (color bar + logo wordmark). Subsequent pages: Logo + Wordmark lockup only. Footer on all pages: Color Bar as a horizontal rule with copyright text below. Use light versions on white/cream backgrounds, dark versions on near-black.
LAYOUT
Page size: Letter (8.5" x 11"). Margins: ~0.6" all sides. Line spacing: 1.5x (360 twips). Page color: White (#FEFDFB).
Page size: Letter (8.5" x 11"). Margins: ~0.6" all sides. Line spacing: 1.5x (360 twips). Page color: White (#FEFDFB).
TYPOGRAPHY
Title: Georgia, 22pt, #1E1C1A
Subtitle: Georgia, 18pt, italic, #8A387C (Deep Dusk)
Section Labels (H1): Courier New, 10pt, uppercase, #006F72 (Turquoise Dark)
Section Headings (H2): Georgia, 14pt, bold, #1E1C1A
Body: Arial, 11pt, #3A3632 (Charcoal)
All text minimum 10pt.
Title: Georgia, 22pt, #1E1C1A
Subtitle: Georgia, 18pt, italic, #8A387C (Deep Dusk)
Section Labels (H1): Courier New, 10pt, uppercase, #006F72 (Turquoise Dark)
Section Headings (H2): Georgia, 14pt, bold, #1E1C1A
Body: Arial, 11pt, #3A3632 (Charcoal)
All text minimum 10pt.
SPECIAL ELEMENTS
Callout boxes: Single-cell table with cream (#FAF7F0) cell background and black border. Editable in Google Docs via Table properties > Cell background color.
Quote blocks: Single-cell table with lavender (#F7F0F6) cell background. Text in Georgia italic.
Bulleted lists: Standard list formatting with bold lead terms.
Callout boxes: Single-cell table with cream (#FAF7F0) cell background and black border. Editable in Google Docs via Table properties > Cell background color.
Quote blocks: Single-cell table with lavender (#F7F0F6) cell background. Text in Georgia italic.
Bulleted lists: Standard list formatting with bold lead terms.
Available Assets (5 files)
AssetFormatsUse For
Full Header — LightSVG + PNGPage 1 header on white/cream docs
Full Header — DarkSVG + PNGPage 1 header on dark docs
Logo + Wordmark — LightSVG + PNGSubsequent page headers, email signatures
Logo + Wordmark — DarkSVG + PNGSubsequent page headers on dark backgrounds
Color BarSVG + PNGFooter divider, section separators (works on any background)
How to Use in Google Docs / Word
QUICKEST START
Download the .docx template below and edit directly — all styles, headers, footers, and formatting are pre-configured.
STARTING FROM SCRATCH
1. Download the PNG versions of the header assets (Google Docs does not support SVG; Word supports both).
2. Insert the Full Header PNG into the page 1 header. In Google Docs: Insert > Headers & Footers > Header, check "Different first page," then Insert > Image.
3. Insert the Logo + Wordmark PNG into the default header (used on all pages after page 1).
4. Insert the Color Bar PNG into the footer on all pages.
5. Set fonts: Section labels to Courier New 10pt in turquoise-dark (#006F72). Headings to Georgia 14pt bold. Body to Arial 11pt.
6. For callout boxes: Insert a 1x1 table, then set the cell background to cream (#FAF7F0) via Table properties > Cell background color. For quote blocks, use lavender (#F7F0F6).
7. For dark documents, use a dark page background (#1E1C1A) with the dark versions of the header and wordmark assets.
Download the .docx template below and edit directly — all styles, headers, footers, and formatting are pre-configured.
STARTING FROM SCRATCH
1. Download the PNG versions of the header assets (Google Docs does not support SVG; Word supports both).
2. Insert the Full Header PNG into the page 1 header. In Google Docs: Insert > Headers & Footers > Header, check "Different first page," then Insert > Image.
3. Insert the Logo + Wordmark PNG into the default header (used on all pages after page 1).
4. Insert the Color Bar PNG into the footer on all pages.
5. Set fonts: Section labels to Courier New 10pt in turquoise-dark (#006F72). Headings to Georgia 14pt bold. Body to Arial 11pt.
6. For callout boxes: Insert a 1x1 table, then set the cell background to cream (#FAF7F0) via Table properties > Cell background color. For quote blocks, use lavender (#F7F0F6).
7. For dark documents, use a dark page background (#1E1C1A) with the dark versions of the header and wordmark assets.
View the PDF example, download the .docx template, or make a copy in Google Docs to start editing immediately
08 — Visual Language
Patterns & Imagery
Persian geometric tessellations and Zia-inspired motifs paired with intentional photography direction. Patterns function as texture — never decoration for its own sake.
Geometric Patterns
Hexagonal Tessellation
Radial Mandala
Interlocking Squares
Zia × Persian
Usage: Patterns at 3–6% opacity as section backgrounds. Tessellations tile seamlessly for larger surfaces. Single motifs work as watermarks. Gold linework on dark backgrounds for dark sections.
Photography & Color Treatment
Photo Guidelines
✓ Do
— Warm color grading (shift toward gold)
— 20–30% desaturation for cohesion
— NM landscapes: mesas, Sandias, high desert
— Authentic clinical settings, real people
— Botanical / plant medicine close-ups
— Persian architectural details as texture
— Warm color grading (shift toward gold)
— 20–30% desaturation for cohesion
— NM landscapes: mesas, Sandias, high desert
— Authentic clinical settings, real people
— Botanical / plant medicine close-ups
— Persian architectural details as texture
✗ Don't
— Generic stock "happy doctors" with stethoscopes
— Cool/blue grading (conflicts with warmth)
— Psychedelic trip imagery or kaleidoscope effects
— Mushroom close-ups as hero images (too literal)
— Low-res or watermarked placeholders
— Over-saturated or HDR-processed photos
— Generic stock "happy doctors" with stethoscopes
— Cool/blue grading (conflicts with warmth)
— Psychedelic trip imagery or kaleidoscope effects
— Mushroom close-ups as hero images (too literal)
— Low-res or watermarked placeholders
— Over-saturated or HDR-processed photos
09 — Iconography
Icon System
Thin-stroke geometric line icons using the brand palette. 1.5px weight, round cap & join. Recommended base: Phosphor Icons (Thin variant, 1.5px stroke) or a custom set matching these specifications.
Curriculum
Duration
Faculty
Wellness
Safety
Resources
Accredited
Testimonial
Upgrade
Community
Global
Healing
Icon Specifications
STROKE
1.5px weight
Round cap & join
No fills (outline only)
1.5px weight
Round cap & join
No fills (outline only)
SIZING
24×24px base grid
16px for inline/small
32px for feature cards
24×24px base grid
16px for inline/small
32px for feature cards
COLOR
Brand palette colors
Tinted background circles
Mid Gray for disabled state
Brand palette colors
Tinted background circles
Mid Gray for disabled state
10 — UI Components
Buttons & Interface
Minimal, functional components with sharp corners and clear hierarchy. Primary CTA uses Deep Dusk in light mode, Turquoise in dark mode.
Buttons
Form Inputs
Tags & Badges
Accredited4.5 CME CreditsLive Session
NewFeaturedBotanical
Card Component
Button States
STATE SPECS
Hover: Background darkens 10–15%
Active/Pressed: Background darkens 20–25%
Disabled: 45% opacity, cursor: not-allowed
Loading: Text replaced with "Loading..." or spinner
Focus: 3px turquoise ring via box-shadow (visible on :focus-visible only)
Hover: Background darkens 10–15%
Active/Pressed: Background darkens 20–25%
Disabled: 45% opacity, cursor: not-allowed
Loading: Text replaced with "Loading..." or spinner
Focus: 3px turquoise ring via box-shadow (visible on :focus-visible only)
Marquee / Scroll Ticker
Smooth-scrolling ticker in two variants: light and dark.
Enroll Today✦Conscious Medicine✦CME Accredited✦New Mexico✦Healing the Healer✦Enroll Today✦Conscious Medicine✦CME Accredited✦New Mexico✦Healing the Healer✦
Apply Now✦Trimester I Begins January 2026✦Physician-Led Certification✦Apply Now✦Trimester I Begins January 2026✦Physician-Led Certification✦
Marquee Specs
TYPOGRAPHY
Cormorant Garamond
Light 300, clamp(1.8rem,4vw,3rem)
Cormorant Garamond
Light 300, clamp(1.8rem,4vw,3rem)
MOTION
20–30s linear infinite
CSS translateX
20–30s linear infinite
CSS translateX
SEPARATOR
✦ (U+2726) in Deep Dusk or Gold
32px horizontal padding
✦ (U+2726) in Deep Dusk or Gold
32px horizontal padding
Focus & Interactive States
FOCUS RING
3px solid ring using
Applied to all interactive elements on :focus-visible
3px solid ring using
box-shadow: 0 0 0 3px rgba(0,165,168,0.12)Applied to all interactive elements on :focus-visible
LINK COLORS
Default: Deep Dusk (#8A387C)
Hover: Deep Dusk Dark (#622858)
Visited: Deep Dusk at 70% opacity
Focus: Turquoise ring + Deep Dusk text
Default: Deep Dusk (#8A387C)
Hover: Deep Dusk Dark (#622858)
Visited: Deep Dusk at 70% opacity
Focus: Turquoise ring + Deep Dusk text
11 — Voice & Tone
Brand Voice
CPPA's voice bridges clinical authority with spiritual accessibility. Every piece of communication should feel like a trusted colleague inviting you into deeper work — never prescriptive, always invitational.
Warm
Open-hearted, compassionate, human. We lead with connection, not credentials.
Authoritative
Evidence-based, physician-led, CME-accredited. Credibility is earned, not asserted.
Invitational
We guide, we don't push. Language of agency: "discover," "cultivate," "explore."
Grounded
Rooted in New Mexico, Persian heritage, and lived experience. Aspirational without mysticism.
Tone Spectrum
FORMAL
Accreditation materials, legal disclosures, CME documentation, refund policies, partnership agreements
Example: "Participants who opt out within the first 30 days are eligible for a 50% tuition refund."
Accreditation materials, legal disclosures, CME documentation, refund policies, partnership agreements
Example: "Participants who opt out within the first 30 days are eligible for a 50% tuition refund."
BALANCED
Website copy, program descriptions, faculty bios, curriculum pages, email campaigns
Example: "We guide facilitators from trauma to self-love to service."
Website copy, program descriptions, faculty bios, curriculum pages, email campaigns
Example: "We guide facilitators from trauma to self-love to service."
CONVERSATIONAL
Social media, testimonials, podcast descriptions, community messages, retreat communications
Example: "We LOVE people. Our mission is simple: help humans live whole, joyful, soul-aligned lives."
Social media, testimonials, podcast descriptions, community messages, retreat communications
Example: "We LOVE people. Our mission is simple: help humans live whole, joyful, soul-aligned lives."
Language Guidelines
Use These Words
Identity: facilitator, healer, clinician, community healer
Process: integration, preparation, ceremony, practice
Qualities: conscious, trauma-informed, evidence-based, lawful
Journey: transformation, self-discovery, healing, sustainable
Action: discover, cultivate, explore, unlock, experience
Community: connection, reciprocity, service, interdisciplinary
Method: Conscious Life Practices (CLPs), Conscious Physicians Method
Process: integration, preparation, ceremony, practice
Qualities: conscious, trauma-informed, evidence-based, lawful
Journey: transformation, self-discovery, healing, sustainable
Action: discover, cultivate, explore, unlock, experience
Community: connection, reciprocity, service, interdisciplinary
Method: Conscious Life Practices (CLPs), Conscious Physicians Method
Avoid These Words
Instead of "trip" — use "experience" or "ceremony"
Instead of "drug" — use "medicine" or "compound"
Instead of "patient" — use "participant" or "member"
Instead of "cure" — use "support," "facilitate," or "guide"
Instead of "expert" — use "guide," "mentor," or "faculty"
Avoid: quick-fix language, shame/deficit framing, spiritual bypassing, corporate jargon, unsubstantiated health claims
Never: guarantee outcomes, use fear-based urgency, or claim to replace conventional treatment
Instead of "drug" — use "medicine" or "compound"
Instead of "patient" — use "participant" or "member"
Instead of "cure" — use "support," "facilitate," or "guide"
Instead of "expert" — use "guide," "mentor," or "faculty"
Avoid: quick-fix language, shame/deficit framing, spiritual bypassing, corporate jargon, unsubstantiated health claims
Never: guarantee outcomes, use fear-based urgency, or claim to replace conventional treatment
CTA Language Patterns
PRIMARY CTAS
"Apply Now" — enrollment actions
"Schedule a Discovery Call" — exploratory conversations
"Learn More" — secondary exploration
"Start Your Journey" — aspirational entry points
"Apply Now" — enrollment actions
"Schedule a Discovery Call" — exploratory conversations
"Learn More" — secondary exploration
"Start Your Journey" — aspirational entry points
PATTERN NOTES
Direct, benefit-focused, low-pressure
Action-oriented verbs over passive language
Never: "Buy Now," "Don't Miss Out," "Limited Time"
Acceptable urgency: "Next cohort starts [date]"
Direct, benefit-focused, low-pressure
Action-oriented verbs over passive language
Never: "Buy Now," "Don't Miss Out," "Limited Time"
Acceptable urgency: "Next cohort starts [date]"
12 — Dark Mode
Dark Mode
Dark mode is not just an aesthetic preference — it represents the reflective and contemplative dimension of CPPA's work. Use it intentionally for retreat materials, evening content, and reflective contexts.
When to Use Dark Mode
Use Dark Mode For
— Retreat and ceremony communications
— Evening or contemplative content
— Dark sections within longer pages
— Marquee CTA banners
— Social media posts about inner work / ceremony
— The "Apply Now" scrolling banner
— Evening or contemplative content
— Dark sections within longer pages
— Marquee CTA banners
— Social media posts about inner work / ceremony
— The "Apply Now" scrolling banner
Keep Light Mode For
— Primary website and landing pages
— Educational content and curriculum
— Application and enrollment flows
— Email communications (most clients)
— Faculty bios and program details
— Pricing and accreditation information
— Educational content and curriculum
— Application and enrollment flows
— Email communications (most clients)
— Faculty bios and program details
— Pricing and accreditation information
Color Variable Overrides
ElementLight ModeDark Mode
Page backgroundCream #FAF7F0Near Black #1E1C1A
Primary textNear Black #1E1C1ACream #FAF7F0
Secondary textMid Gray #9B9588Mid Gray #9B9588 (unchanged)
Primary CTADeep Dusk #8A387CTurquoise #00A5A8
Secondary CTA borderDeep Dusk #8A387CTurquoise Light #7ED4D6
"Psychedelics Academy"Deep Dusk #8A387CTurquoise Light #7ED4D6
Card backgroundWhite #FEFDFBrgba(255,255,255,0.04)
Card borderWarm Gray #E8E3DArgba(255,255,255,0.1)
Geometric patternCharcoal stroke, 2.5% opacityGold stroke, 4% opacity
Marquee separatorDeep Dusk ✦Gold ✦
Nav backgroundrgba(254,253,251,0.92)rgba(30,28,26,0.95)
Side-by-Side Comparison
13 — Example Page
Live Preview
A complete page mockup applying the design system. Toggle between light and dark mode to see both treatments.
Conscious Physicians · Psychedelics AcademyPhysician-Led Facilitator Certification
Conscious Physicians
Psychedelics Academy
The first CME-accredited psychedelic facilitator training rooted in evidence-based science, trauma-informed care, and New Mexican wisdom.
Live · Apr 12
Ketamine Protocols
Advanced IV ketamine techniques for treatment-resistant depression.
Featured
Psilocybin Integration
Trauma-informed frameworks for post-ceremony integration support.
On-Demand
NM Legal Framework
Understanding the Medical Psilocybin Act and facilitator certification pathways.
"This program gave me the tools to reclaim and transform my life."— CPPA GRADUATE · COHORT I
The Journey
Trimester I
Self-Discovery
Inner work, trauma awareness, nervous system regulation, psychedelic pharmacology.
Trimester II
Ceremony & Integration
Lawful facilitation, 3–5 day retreat, safety protocols, ethical practice.
Trimester III
Practicum & Service
Community practicum, mentorship, OSCE simulation, final thesis.
Access
Red Tier
$3,000
Limited seats per cohort. Full program, full support, full community.
Reduced
Gold Tier
$5,000
Covers a portion while sustaining quality. Full access, no content reduction.
Pay-It-Forward
Turquoise Tier
$7,500
Full tuition funds a scholarship seat for another applicant. Two lives transformed.
Conscious Physicians Psychedelics Academy
14 — Version History
Changelog
V1.0
MAR 2026
MAR 2026
Published style guide — first Next.js release
- Replaced SVG mandala placeholders with actual CPPA mandala logo (transparent PNG)
- Added Brand Mark section: background variants, size variants, watermark treatments, wordmark lockups, download link
- Added Voice & Tone section based on drlidafatemi.com brand voice analysis
- Added Email & Social Media template guidance with format specs
- Added Dark Mode full specification with color variable override table
- Enhanced Accessibility section: quick reference card, font-size minimums, focus/link state specs
- Added complete type specifications table with line-height and letter-spacing values
- Added button states documentation: hover, active, disabled, loading, focus
- Replaced photography placeholders with real reference photos from drlidafatemi.com
- Added Phosphor Icons link and variant specification
- Added responsive breakpoints table (desktop, tablet, mobile)
- Updated Example Page to use actual mandala logo in nav and footer
- Published as Next.js page at /style-guide