Landed cost, not sticker price. The fan mark reads as cooling hardware at a glance — the one shared detail across every miner this site compares — paired with a mono price suffix that carries through every number on the site.
Mark
A cooling fan viewed head-on, mounted in its housing — four corner screws, a circular window, six blades around a hub. It's the one component every listing on the site has in common, so it doubles as a loading/status glyph as well as the logo.
Primary — teal on light surfaces. Default everywhere in the product.
Mono — black / grey. Single-color contexts: print, stamps, favicons.
On dark — brighter teal, never the light-mode value (too low-contrast on dark grounds).
Clear space: keep an empty margin of at least one blade-width (≈ 1/8 of the mark's own size) on every side. Nothing — text, edges, other UI — enters that margin.
Minimum size: 16px. Below that the corner screws and blade gaps fill in; use the mono-black variant at very small sizes for the crispest edge.
Color
One accent, spent on price and action — everything else is a warm, slightly warm-tinted neutral so the teal has no competition. Semantic colors are separate from the accent and never used for branding.
Type
Two faces, split by job: Helvetica Neue writes sentences, IBM Plex Mono writes numbers. If it's a price, a spec, a percentage or a status code, it's mono — that's what makes a page of forty offer rows scannable.
In product
The mark and the price pattern already share a job: both say "here's the real number, at a glance." A sample straight off the product page.
Usage
Use the mark at any size on its own — it's built to read as a silhouette down to favicon scale.
Stretch or skew the mark. It's drawn on a square grid; scale it uniformly, always.
Recolor the mark outside the approved teal / mono / on-dark set — an off-brand hue reads as a different product.
Add drop shadows, bevels or gradients. The mark is flat everywhere it appears.
Exported assets
Generated by scripts/generate-brand-assets.ts from the single path source at src/lib/brandMark.ts — regenerate after any mark change rather than hand-editing an exported file.
| File | Use |
|---|---|
| mark-color.svg | Mark only, teal, transparent — general use |
| mark-mono-black.svg | Single-color mark for print / stamps |
| mark-mono-grey.svg | Single-color mark for print / stamps |
| mark-on-dark.svg | Mark on the dark chip background, ready to drop in |
| lockup-color.svg | Full mark + wordmark lockup, light |
| lockup-dark.svg | Full mark + wordmark lockup, dark |
| icon-192.png | PWA / Android manifest icon |
| icon-512.png | PWA / Android manifest icon |
| favicon/icon.svg | Live favicon — teal, theme-aware via prefers-color-scheme |
| favicon/favicon.ico | Fallback favicon for browsers that don't read SVG (16/32/48px) |
| favicon/apple-icon.png | iOS home-screen icon, 180×180, on-dark chip |
| README.txt | File-by-file guide included in the zip |