Meeple Hearth design system

Laten we je volgende favoriet vinden.

Een herbruikbare component testpagina voor de warme bibliotheek-UI: tactiele controls, zichtbare formulierlabels, gezellige kaarten en een duidelijk pad vooruit met brass-accent.

Controls

Knoppen, tags en voortgang

Knopstatussen

Drie varianten met loading-, disabled-, focus- en active-states.

Tags en finder-voortgang

Mono-stijl data-tags en een dunne brass-lijn voor formulier-voortgang.

45 min Geselecteerd 92% match Gevonden Complex Spelers nodig

Formulierelementen

Zichtbare labels en vriendelijke validatie

Labels blijven zichtbaar; placeholders geven alleen voorbeelden.

Native select met design-system trigger styling.

Hmm, we hebben een aantal spelers nodig om verder te gaan.

Finder kaarten

Een vraag, duidelijke antwoorden

Wat voor tafel plannen we?

Kies eerst de sfeer; details kunnen later.

Resultaten

Aanbevolen gamekaarten

Cascadia

Een rustige tegel-legpuzzel met zachte competitie en fijne habitatpatronen.

1-4 30-45 min Licht
94% match

Wingspan

Bouw een vogelreservaat met engine-building keuzes, een mooie tafelpresentatie en vloeiende beurten.

1-5 40-70 min Gemiddeld
89% match

Lege status

Nog geen perfecte plank.

Wanneer filters te streng worden, houdt de lege status de toon vriendelijk en biedt die een zachte weg terug.