Logo · horizontal
1200 × 400Embed in slides, READMEs, sponsor decks. Sigil + wordmark + tagline kicker.
Brand assets.
The iris-aperture sigil, the cobalt wordmark, the pulsing dot — everything that signals MCS across the network.
MadCoolStuff
MadCoolStuff
Cobalt #1a5eff · near-black #080808 · Instrument Serif + ui-mono
Favicon family.
Black square with a pulsing cobalt dot — the iris reduced to its pupil. SVG is browser- preferred (Chrome, Firefox, Safari 16+ render the animation natively); the PNGs cover legacy browsers and iOS home screens.
Logo, avatar, banners.
Click an image to open the PNG full-size, or right-click → Save image as to download.
Avatar · square
1024 × 1024Twitter / X profile picture, GitHub avatar, Discord, LinkedIn page logo. Reads cleanly when auto-cropped to a circle.
Banner · Twitter / X
1500 × 500Twitter / X header. Avatar overlays the bottom-left in X chrome — sigil sits clear of that zone.
Banner · LinkedIn
1584 × 396LinkedIn personal cover (recommended dimensions per the LinkedIn profile spec).
Banner · GitHub social
1280 × 640GitHub repo social preview (Settings → Social preview). Doubles as a generic 2:1 share card.
In-app components.
For internal use, import the React components rather than embedding the PNGs. Both render inline SVG and pick up the cobalt token from tokens.css.
import IrisSigil from '~/app/_components/IrisSigil';
<IrisSigil size={64} animated />import Wordmark from '~/app/_components/Wordmark'; <Wordmark size="lg" />
Tokens.
--glow
#1a5eff
--glow-bright
#6b93ff
--glow-dim
#0e3aa3
--bg
#080808