{/* Sub-section A: Brand Origin Story (dark) */}

Our story

"Legend has it that the hummingbird was made from a jade arrow and a handful of good vibes. Its mission was to carry our deepest wishes to the gods."

Xochiatl was born from a school project. The brief was simple: propose a product with a twist: something that would raise awareness about conscious consumption. The team looked inward, to Mexican culture and to a shared childhood memory: watercolors in a classroom.

The question that launched the brand was equally simple: why should watercolors come from petroleum-based compounds when the most vibrant colors in the world grow in a garden? From that question came the first experiments: hibiscus, beetroot, coffee, turmeric, spinach, and achiote, each carrying its own pigment story.

And then came the discovery that changed everything: the color in the godet was not the color on the paper.

On the hummingbird's journey, it stops at the most vibrant flowers, drinking their color to stay radiant. Xochiatl was born in that very moment: when water touches pigment and a flower turns into art.

We do not just sell paint: we deliver the liquid soul of México so every artist can be the messenger of their own story.

{/* Name etymology */}

About the name

{[ { word: 'Xochitl', meaning: 'Flower', note: 'The source of every botanical pigment: hibiscus, achiote, beetroot.' }, { word: 'Atl', meaning: 'Water', note: 'The medium that activates the color. The revealer. The transformer.' }, { word: 'Xochiatl', meaning: 'Flower + Water', note: 'A name that is a compressed product description in a language that predates synthetic chemistry by centuries.' }, ].map((item, i) => (

{item.word}

{item.meaning}

{item.note}

))}

Born in Puebla · Made by hand · No petroleum · Six botanical colors

{/* Sub-section B: Brand Identity (light) */}

Brand essence

Conscious creativity.

Xochiatl addresses three tensions at once: creative freedom and environmental responsibility; Mexican cultural heritage and contemporary visual language; artisanal production and accessible price. Most brands resolve one. We resolve all three.

{/* Archetypes */}

{[ { label: 'Our Core Spirit', name: 'The Creator', icon: ( ), color: 'var(--flower-pink)', text: 'We exist to enable your creative expression, not just to offer another art supply. Through our Chromatic Reveal, every piece you make becomes a beautiful co-creation between our botanical magic and your artistic vision.' }, { label: 'Our Foundation', name: 'The Caregiver', icon: ( ), color: 'var(--water-turquoise)', text: 'Our botanical formula isn\'t just a label, it\'s the heart of what makes Xochiatl unique. By using hibiscus, beetroot, coffee, turmeric, spinach, and achiote, we remove toxicity from the creative experience entirely.' } ].map((item, i) => ( { e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.boxShadow = '0 12px 30px rgba(0,0,0,0.07)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = '0 4px 20px rgba(0,0,0,0.03)'; }}>

{item.label}

{item.icon}

{item.name}

{item.text}

))}

{/* Personality traits */} {/* Personality traits */}

Personality traits

{traitsList.map((item, i) => (

setActiveTrait(i)} onMouseLeave={() => setActiveTrait(null)} onClick={() => setActiveTrait(activeTrait === i ? null : i)} >

{item.trait}

{/* Desktop Tooltip */}

{item.reason}

))}

{/* Mobile Description Box */}

{activeTrait !== null ? traitsList[activeTrait].reason : ' '}

{/* Sub-section C: Mission, Vision, Values (dark) */}

Philosophy

What we stand for.

{[ { icon: ( ), iconColor: 'var(--leaf-green)', tag: 'Mission', title: 'What we do', text: 'We transform botanical ingredients and rich Mexican traditions into safe, breathtaking handcrafted watercolors. We want to empower you to express yourself in a way that is conscious, vibrant, and deeply connected to nature.', }, { icon: ( ), iconColor: 'var(--flower-pink)', tag: 'Vision', title: 'Where we are going', text: 'We aim to be the watercolor of choice for mindful creators in Puebla and beyond. We envision a community where sustainable art practices, beautiful aesthetics, and cultural pride seamlessly bloom together.', }, { icon: ( ), iconColor: 'var(--water-turquoise)', tag: 'Values', title: 'What we believe', text: null, // rendered as list below values: [ 'Creativity with purpose', 'Safety and transparency in every ingredient', 'Respect for nature as a raw material', 'Well-grounded cultural pride without folkloric excess', 'Useful craftsmanship that solves real problems', 'Closeness to the community that uses and recommends the product', ] }, ].map((card, i) => ( { e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.boxShadow = '0 12px 30px rgba(0,0,0,0.2)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = '0 4px 20px rgba(0,0,0,0.1)'; }}>

{card.tag}

{card.icon}

{card.title}

{card.text ? (

{card.text}

) : (

· {v}

)} ))}

{/* Our commitment */}

Our commitment

To bring you a vibrant and consistent palette across all six botanical colors. We strive to craft watercolors that creators truly love, sharing them with our local community first. For us, the ecological narrative isn't just a label; it's the core reason you'll choose to paint with Xochiatl.

{/* Sub-section D: Ingredients (dark, distinct) */}

What is inside each cap?

{/* Table header */}

Ingredient Produces

{INGREDIENTS_DATA.map((ing, i) => (

{ing.name}

{ing.colorProduced}

))}

All botanical ingredients sourced from Puebla's local markets · Gum arabic binder sourced sustainably