NoobSociety

MUI Theme Preview

React + MUI v5 + TypeScript

TYPOGRAPHY

variant="h1" NoobSociety
variant="h2" Not a card grid. A world.
variant="h3" The site is a world
variant="overline" Society of Beginners
variant="subtitle1" Express identity and portfolio in a shared world.
variant="body1" The site is a world, pages are maps, your cursor is a character.
variant="body2" Walk to objects, click to open overlays — no new tabs.
variant="caption" the-plaza.live

BUTTON

contained Enter the world size="small"
outlined Star on GitHub
text Devblog →

CHIP — status semantic mapping

HOLDS · success BUILDING · warning PLANNED · info Spatial · default Live · error Personal · secondary

CARD — MuiCard + CardContent

The site is a world

Pages are maps, links are interactables.

Spatial

One typed bridge

A map object in Phaser fires the matching React overlay.

Live

ALERT — standardSuccess/Warning/Info/Error

Gate 1 · Space is holding. Walkable area confirmed.
Gate 3 · Objects is actively building. React overlays in progress.
Gate 6 · Identity is planned for a future phase.
Build failed — check CI logs on GitHub.

LINEAR PROGRESS — roadmap gates

3 holding · 2 buildingof 9

TEXT FIELD — MuiOutlinedInput

DIVIDER

OR

PALETTE — theme.palette.ns.*

bg0

bg1

bg2

ink

inkDim

faint

gold

green

orange

cyan

pink

purple