# Build your theme

Choose a starting point. See it on real Fresh UI components, then take the same preset into your app.

Base theme or presetns-onestudio-utilitystudio-cloudstudio-workshopstudio-playfulstudio-ledgerstudio-atelierstudio-signalledgersignalglassmacos-27apple-classicfluent-2-webtonalbloomcupertinoliquidfluentbrutalfiligraneterminalpixeltactileStudio flavorPreset-specificutilitycloudworkshopplayfulledgerateliersignalComponent styleUtilityPreview schemeFollow docsLightDark

Utility is the available component style. Each theme preset supplies its accent, geometry, fonts, density and menu treatment.

## Remaining pickers

Only Utility component anatomy is implemented. Styles beyond Utility will become independent choices after S6b ships their registry implementations. Icon library and font family are not independent builder choices yet; the builder uses shipped glyphs and preset fonts. Menu style has no independent field in the current preset resolver. Accent, radius and density also follow the selected fixed preset. Add these pickers only when the resolver can reproduce them; no selection is silently discarded.

Preview fonts available on this site are self-hosted. Other declared font families use their platform fallback stacks.

Accent

Ink

Radius

From selected preset

Fonts

From selected preset

Density

compact

Icons

From selected preset

Menu

From selected preset

## Live workspace

[Open live workspace preview](https://rickylabs.github.io/netscript/assets/fresh-ui/preview/?component=workspace&theme=studio-utility)

Enable JavaScript to change the preview and generate a different preset. The default code below installs Studio Utility.

## Use this preset

Preset codens1_eyJ2ZXJzaW9uIjoxLCJ0aGVtZSI6InN0dWRpby11dGlsaXR5Iiwic3R5bGUiOiJzdHlsZS11dGlsaXR5In0

```bash
netscript init my-app --preset ns1_eyJ2ZXJzaW9uIjoxLCJ0aGVtZSI6InN0dWRpby11dGlsaXR5Iiwic3R5bGUiOiJzdHlsZS11dGlsaXR5In0
```

```bash
netscript ui:apply --preset ns1_eyJ2ZXJzaW9uIjoxLCJ0aGVtZSI6InN0dWRpby11dGlsaXR5Iiwic3R5bGUiOiJzdHlsZS11dGlsaXR5In0
```

Open a preset code or shared link

[Explore component references](https://rickylabs.github.io/netscript/design-system/components/) · [Read the token contract](https://rickylabs.github.io/netscript/design-system/token-contract/)