PRIMITIA UI STYLE DEMO
ORATORY BULLETIN // PUBLIC VERSION
The city holds. The boundary holds. Do not attempt contact with the Menagerie.
This page exists to demonstrate the Primitia CSS snippet: headings, links, tags, blockquotes, callouts, tables, and code.
Quick nav: Links and Tags · Callouts · Tables · Code · Nested Headings
H1 Header
H2 Header
h3 header
h4 header
H5 header
h6 header
Links and Tags
Primitia is bordered by the Menagerie and administered by the Primitian government.
For magic system references, see magic, Æther Field, and E.I.R. Casting Theory.
Tags (for the neon pill styling):
primitia oratory classified sentia menagerie talos
Inline emphasis should remain readable while links glow. Here’s a sentence mixing all of it: The Talos AI monitors population stability while the Oratory maintains state myth.
Callout Style Gallery
CON (BLUE) This is a Con styled callout using the Blue color scheme. It should have a subtle blue tint background and a blue neon glow on the border and title.
Task one
Task two
GAMMA (PURPLE) This represents the Gamma scheme. Use this for helpful tips, hints, or important external references.
RHO (PINK) This matches your internal link color. It is the Rho scheme, providing a vibrant pink glow to your standard notes and quotes.
AMALIA (TEAL) The Amalia scheme is used for successes, completed tasks, and "check" callouts. It should look like a cool mint/teal neon.
SIGMA (GOLD) The Sigma scheme handles warnings and cautions. It should give off a warm golden glow to grab your attention.
DANGER (RED) This is the default error/danger state. It uses a high-intensity Red to signify bugs or critical warnings that sit outside your primary five-color palette.
Tables
Below is an example table in “industrial grid” style:
| District | Classification | Notes |
|---|---|---|
| Elysian | High-control | Dense surveillance, high bureaucratic access |
| Inner Rings | Managed stability | Infrastructure prioritized, public myth reinforced |
| Outer Rings | High volatility | Informal economy, increased magi-related crime |
| Exclusion Zone | Prohibited | Post-collapse residual anomalies |
Code
Inline code should feel terminal-like: [[Mage Classification#gravity-mages|Gravity Mages]] and EIR and Talos.
Code block example:
// Example: link-safe header references and note naming conventions
const note = "Magi Capability Classification";
const header = "Passive Magi";
const link = `[[${note}#header|${header}]]`;
console.log("Link to a header:", link);