A clear foundation for public experiences

Calm, accessible, reusable building blocks for FreshUp24 experiences in English and Turkish.

Public service available

The public service connection is working.

Reusable controls favor native semantics, useful defaults, and calm states.

Clear variants preserve hierarchy without decorative effects.

Labels, descriptions, errors, and disabled states stay connected.

Synthetic referenceUse synthetic labels only. Do not enter personal or clinical information.

Example categoryChoose a valid synthetic reference.

Include example updates

This setting is part of the synthetic component example.

Disabled example

Cards, badges, and alerts use semantic feedback roles.

NeutralExample savedReview exampleExample needs attention

These components demonstrate structure, not product workflows.

The synthetic example completed successfully.

Check the example values before continuing.

The synthetic example could not be completed.

Every async surface begins with an explicit, understandable state.

The synthetic component preview is being prepared.

Add a synthetic example when one is available.

The synthetic example is still safe. Try loading it again.

Focus, reflow, reduced motion, language, and forced-colors behavior are built into the foundation.

Each sample uses a separated white halo and blue outline so focus remains visible against the control and its surrounding surface.

Synthetic reference

Loading shapes remain understandable when motion is reduced.