12e569aa71
Josh: "a site now what is on par with our current miner and wallet app look and feel with the new animation ... simple and beautiful ... apple and windows icons everywhere needed, GPU brand icons ... easy access to all of our pages without a header that is crazy". - site.css section 10: the miner and wallet apps' treatments (app.css miner-ui-5, wallet-0.1.5) over the package: buttons (Plex Sans 600, radius 10), the status pill, graphite cards at 16 and rows at 12 on the hairline, the wallet lock screen's ember glow, the mark wells; the fourteen palette tokens stay in the scene-tokens block (scene/tokens.css); light and dark. - Navigation: the seven-item header is gone. The slim bar carries the mark, a DEVNET pill with the live dot, Mine / Network / Learn (each opens a panel listing every route of its group with one line), the theme toggle and Download; on phones one button opens a full-screen sheet with the same groups. Keyboard: arrows between groups, Escape closes and returns focus, Tab walks a panel, the sheet is a dialog with its focus kept. The gate's header check is the new rule (tools/ci/site-nav-check.mjs: the bar, the three groups with their aria, 18 routes in the panels and the sheet with their descriptions, Download, the burger; self-test known-failed first). - Home: one fold. The mark on the ember glow, one line, Download for Windows and Download for macOS with the OS glyphs and the stamped version (the visitor's platform first), "Linux and HiveOS" to /download, IgneumDag 2.0.3 painting underneath from /api/live through IgneumFeed (window 60, fps 60, poll false, no fork). Below: three lines on what a miner gets (E5 and X35 verbatim), the live network in three tiles (hash rate, blocks a second, locked checkpoint; X2 and X31 verbatim), the community row (Discord, GitHub, Reddit), the footer (X7). The scene scripts are deferred; fonts preload with swap. - /download: a new route. Windows, macOS, Linux and HiveOS cards with their marks, the stamped version, size and sha256, the HiveOS flight sheet, the three steps, the card picker with the vendor badge, the wallet for macOS; Windows wallet named as next with no file. - Marks: brand/marks/vendor-marks.mjs (gpu-logos lane, ba5d9cea) copied byte for byte to site/lib/marks.mjs (the build and a gate line refuse drift); site/lib/os-marks.mjs adds Linux and HiveOS in the same treatment. The build stamps <span data-os> and <span data-gpu> and puts the vendor's mini badge in front of every table cell that names a card (/miner, /miners, the bench table), writes the --mark-* tokens into site.css between markers, and hands yourcard.js the badges as JSON for the card picker. The vendor well is scoped to [data-mark] so the ledger's and the journey's own .badge keep their look. - The footer carries the four OS download chips; the nav's group wrappers are .nav-group (the wallet page owns .group). - tools/site/serve.mjs and capture.sh: the site as Vercel serves it with /api passed to the live observer, captured on igneum-build-2 at 390 and 1440, dark and light (docs/plans/site-ui-5-shots, the home set in this commit). The overlap lane's detector ran over every page on build-2: 0 overlaps after the two fixes here (the explorer's hash titles wrap, the ledger's status badges wrap at 390). Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| icons | ||
| marks | ||
| master | ||
| profile | ||
| trademark | ||
| igneum-coin-1024.png | ||
| igneum-icon-512.png | ||
| igneum-icon-1024.png | ||
| igneum-mark-transparent-1024.png | ||
| igneum-wordmark-dark-1600x500.png | ||
| igneum-wordmark-light-1600x500.png | ||
| igneum-wordmark-transparent-1600x500.png | ||
| igneum-workspace-header-320x132.png | ||
| README.md | ||
Igneum brand assets
The rule (Josh, 4 October 2026)
One global logo for apps, profile pictures, favicons, everything. The mark sits in a black square. Never in a circle. Never on another colour. Minimum clear space = 20% of the square. The Mac app icon is the model: a full square, all black, the mark in the middle.
- Square:
#0C0C0E(the site's obsidian token,--obsidianinsite/index.html). - Mark:
#F2541Bember, the flame's centre cut in obsidian. Geometry = the two polygons in the site header (site/index.html, 100 x 100 viewBox). Do not redraw it. - Mark height = 62% of the square (so 19% clear on top and bottom, 30% on each side).
- No ring, no border, no rounded corners baked in, apart from the one rounded variant below.
Masters (brand/master/)
| File | Use |
|---|---|
igneum-mark-square.svg |
The master. 1024 x 1024, full-bleed obsidian, mark centred. Every derivative comes from this. |
igneum-mark-square-rounded.svg |
Apple's icon grid (824 x 824 shape on the 1024 canvas, continuous corner as a superellipse). Only for the DMG volume icon. Tahoe masks the plain square itself, so the app bundle ships the plain square. |
Generator
python3 brand/icons/make-icons.py rebuilds every file below from the masters. It uses rsvg-convert when installed
(brew install librsvg), otherwise Pillow draws the master's polygons at 4x to 16x supersampling (exact, the mark is two
polygons). The Windows .ico and the favicons render each size from the vector, never by shrinking a bitmap.
File map
| File | What | Where it is used |
|---|---|---|
brand/icons/igneum.icns |
plain square, 16 to 1024 | Igneum Miner.app/Contents/Resources (packaging/mac/build-dmg.sh, CFBundleIconFile = igneum) |
brand/icons/igneum-volume.icns |
rounded variant | the DMG volume icon (packaging/mac/dmg/settings.py) |
brand/icons/igneum.ico |
16 24 32 48 64 128 256, BMP entries | every Windows exe through the .rc files (packaging/windows/resources/*.rc, proto-cuda/nvrtc/*.rc, app/igneum-app/resources/igneum-app.rc, app/windows/host.rc), Inno Setup (Igneum-Miner.iss) |
brand/icons/igneum-256.png |
the square at 256 | reference |
brand/icons/inno-*.bmp |
installer wizard art | Inno Setup |
brand/icons/dmg-background*.png/.tiff |
DMG window background | packaging/mac/dmg/settings.py |
site/favicon.ico (16 32 48), favicon-32.png, apple-touch-icon.png (180, square: iOS rounds it), icon-192.png, icon-512.png, maskable-512.png (mark at 50%) |
site favicons | every site/*.html, the header template in site/build.mjs, site/site.webmanifest |
relay/favicon.ico, favicon-32.png, apple-touch-icon.png |
relay favicons | relay/index.html, relay/ui.html (static files at the relay root) |
brand/profile/profile-400.png, profile-512.png, profile-1024.png |
profile pictures | X, Discord, Telegram, LinkedIn |
brand/profile/github-org-512.png |
organisation avatar | github.com/igneum-network (uploaded by hand from the Igneum Chrome profile) |
brand/profile/x-banner-1500x500.png |
X header | the mark centred on obsidian |
brand/igneum-icon-512.png, igneum-icon-1024.png |
the square at 512 and 1024 | the same as the profile files; kept for links that already point here |
site/og-small.png (256 square), og-square.png (1024), og-coin.png and og.png (1200 x 630 card: mark left, IGNEUM wordmark, tagline) |
share images, ?v=2 in every og:image and twitter:image |
index, live, litepaper (og-small); bench, evidence, build.mjs (og) |
brand/profile/github-social-1280x640.png |
repository social preview | github.com/igneum-network/igneum settings (by hand) |
brand/profile/vercel-avatar-512.png |
Vercel team or project avatar | by hand |
Inline SVG favicons (the data: link in every page head) carry the same square and mark, so a page shows the right icon
before the .ico loads.
Not regenerated
brand/igneum-coin-1024.png: the old ringed coin. Retired as a source; nothing reads it now.brand/igneum-mark-transparent-1024.png, the wordmark PNGs andUnbounded.ttf: unchanged.
Before and after
docs/brand/before/ holds the icons as they were (ringed coin everywhere except the GitHub avatar), docs/brand/after-*.png
the new set.