Loading...
✕ Close

We are EgoCX
We're glad you're here, dear friend.

Join the community of influencers, creative content creators, artists, local businesses, bakeries, neighborhood shops, mall boutiques... and all kinds of businesses, both digital and physical.

Become a member by purchasing your .ego.cx name:
Plans and Pricing



☰ EgoCX
EgoCX Design System Collection (design.md files)
↗

Samia's design system is a masterclass in warm, spiritual branding for the healing space.

Samia™

Built around the core proposition of "Constelaciones Familiares y Autosanación Cuántica Consciente" (Family Constellations and Conscious Quantum Self-Healing), the interface uses a warm, earthy color palette with golden-amber (#BB9A22) and blush-pink (#E68787) accents that evoke sunset, earth, and spiritual warmth. The typography pairs the flowing, handwritten Bettina Signature for expressive hero headings with the clean, geometric Poppins for body text and UI elements, creating a sense of both emotional connection and professional trust. Every design decision — from the generous spacing and rounded corners (0.95rem) to the gradient-heavy backgrounds and text stroke effects — reinforces the brand's promise of healing and transformation.

The system excels in creating a safe, inviting atmosphere through visual cues: soft overlays, warm gradients, and clear calls to action anchored in golden-amber. The result is a holistic wellness interface that feels both nurturing and empowering, turning a spiritual brand into a premium, seamless experience.

Warm & Spiritual Visual Language

  • Hybrid design balancing organic softness with structured clarity
  • Golden-amber (#BB9A22) for CTAs and emphasis — warmth, trust, transformation
  • Blush-pink (#E68787) for primary accents — nurturing, feminine, soft
  • Gradient-heavy backgrounds (120°, -40°, repeating 45°) creating depth and richness
  • Text stroke and drop-shadow effects for bold, letterpress-quality headings

Typography & Readability

  • Bettina Signature (script) for expressive hero headings — emotional, personal, inviting
  • Poppins (sans-serif) for body, navigation, and UI — clean, modern, structured
  • Generous line-height (130-160%) and spacing for a calming reading experience
  • Clear hierarchy with bold weights (600-900) for headings and lighter weights (300-500) for body

Component Architecture

  • Custom fx-content-box cards with generous padding (3rem 4rem) and soft shadows
  • Rounded corners (--roundness: 0.95rem) for a soft, approachable feel
  • Featured buttons with golden-amber gradients and white text
  • UIkit-based grid system with responsive breakpoints at 960px, 768px, and 450px

Performance & Accessibility

  • Lazy loading for images and assets
  • High contrast ratios (4.5:1 to 7:1) for readability
  • Semantic HTML with proper heading hierarchy (h1 → h6)
  • ARIA landmarks for screen reader navigation

This page is part of the EgoCX Design System Collection — a curated resource for design excellence.

Curated by EgoCX

EgoCX

DISCLAIMER FOR INDIVIDUAL FILES

For inclusion in each design.md file footer:

LEGAL NOTICE

Disclaimer and Trademark Notice

The analysis contained in this document is provided for educational and reference purposes only as part of the EgoCX Design System Collection.

Trademarks: All product names, logos, brands, and trademarks mentioned in this document are the property of their respective owners. Use of these names, logos, and brands does not imply endorsement, affiliation, or sponsorship by the respective trademark holders.

Copyright: This document is © 2026 EgoCX. All rights reserved. It may not be redistributed, resold, or used commercially without permission.

Accuracy: While we strive for accuracy, we make no warranties regarding completeness, reliability, or suitability. Design systems are subject to change by their respective owners.

Not Affiliated: EgoCX is not affiliated with, endorsed by, or sponsored by the companies mentioned in this document.

For full terms, see the LICENSE file: https://ego.cx/collection/design

© 2026 EgoCX — All Rights Reserved

About EgoCX

EgoCX is a design and technology studio dedicated to advancing digital experiences through meticulous design systems, AI‑powered tools, and strategic branding. Our collections, tools, and platforms serve as resources for designers, developers, and brands seeking excellence in their digital presence.

Explore More

Last updated: 2026-07-10