Headings
Six levels. Space Grotesk, tightened tracking. Keep one <h1> per page.
Heading 1 — Heartland
Heading 2 — Pick a world
Heading 3 — Skyline Creative
Heading 4 — Harvest season
Heading 5 — pixel kicker
Text-level semantics
Inline meaning: emphasis, references, edits, and data.
You can make text strong, emphasised, highlighted, small, struck, inserted, sub and sup.
Inline code, a shortcut like ⌘ + K, an PNW abbreviation, and a citation.
Connect at — server address play.kull.games.
Lists
Unordered, ordered, and description lists.
- Wheat fields
- Evergreen ridgelines
- Skyline on the horizon
- Fire up Minecraft
- Add the server
- Walk into the wheat
- SMP
- Survival multiplayer
- Plots
- Creative plot world
Quotes & code blocks
"Wheat, evergreens, and good people building together since 2014."
// connect to the server
const ip = "play.kull.games";
fetch(`https://api.kull.games/status?ip=${ip}`)
.then(r => r.json())
.then(s => console.log(s.players, "online"));
Links & buttons
Tables
Hairline borders, pixel-cap headers, gold hover.
| World | Mode | Version | Playing |
|---|---|---|---|
| Heartland | Survival · SMP | 1.21 | 124 |
| Skyline | Creative · Plots | 1.21 | 57 |
| Stormfront | Minigames · PvP | 1.21 | 37 |
Forms & inputs
Gold focus ring, amber accent on controls, voxel fieldsets.
Media
Figures with captions; photos always cover + crop (see the MediaFrame component).


Interactive elements
<details>, <progress>, and <meter>.
What is Heartland Survival?
A grief-protected, economy-driven survival world set in the wheat country, with seasons on.
How do I join?
Add play.kull.games in your Minecraft server list.
Semantic structure
Landmark elements give a page meaning: header, nav, main, article, aside, footer.