1. Atoms
Smallest standalone UI components
Btn Component (`src/components/atoms/Btn.astro`)
variant="primary" (hero CTA)Entrar a la Sala
variant="ghost"Ghost Button
variant="outline" (hero secondary CTA)Ver Manifiesto
variant="inverse-outline" (dark surfaces)Rechazar
FilterBtn Component (`src/components/atoms/FilterBtn.tsx`)
group="artist" value="alvaro-macias"
group="artist" value="daniel-ortega"
group="discipline" value="pintura"
group="technique" value="lapiz" disabled
BannerText Component (`src/components/atoms/BannerText.astro`)
Logo Component (`src/components/atoms/Logo.astro`)
variant="default" (logo.png)
variant="dark" (logo-dark.png)
variant="light" (logo-light.png)
variant="bg-red" (logo-bg-red.png)
variant="icon" (favicon.svg)
Image Component (`src/components/atoms/Image.astro`)
aspectRatio="auto" (default)
aspectRatio="video"
aspectRatio="square"
aspectRatio="4/5"
Link Component (`src/components/atoms/Link.astro`)
variant="default"
Headline Component (`src/components/atoms/Headline.astro`)
color="red" (default)Exhibición del mes
color="muted"Categoría secundaria
color="default"Texto regular
2. Molecules
Combinations of atoms working together
Filters Component (`src/components/molecules/Filters.tsx`)
Localized facet groups
Por artista
H1 Component (`src/components/molecules/H1.astro`)
With slotted HeadlineExhibición del mesTierra, mundo
Exhibición del mesTierra, mundo
y memoria
Without HeadlineArtistas
Artistas
invitados
LangBtns Component (`src/components/atoms/LangBtns.astro`)
Menu Component (`src/components/molecules/Menu.astro`)
CardSummary Component (`src/components/atoms/CardSummary.astro`)
Full props (title, artist, price, href)
Title and href only
ImageBanner Component (`src/components/molecules/ImageBanner.astro`)
Partial data (No artist/price)
Title Component (`src/components/atoms/Title.astro`)
With Link
Pabellón de Salas
VER TODOWithout Link
Artistas
CardInfo Component (`src/components/atoms/CardInfo.astro`)
3. Organisms
Complex sections mapping to screen regions
