Brand assets

Every mark, every size, free to take.

Logos, icons, favicons and social graphics for Tech Mania — every one in both SVG and PNG. SVG files are the masters; the PNGs are rendered from them at 2× size with a transparent background wherever the source has one. Every gradient uses userSpaceOnUse, so no shape silently disappears at any size.

Colour

Tokens live in tokens.css and tokens.json.

Void · #050814

Ink · #0B1020

Cyan · #24B8FF

Blue · #2563FF

Violet · #6C4CFF

Paper · #F5F7FB

Logo Lockups

Horizontal and stacked, in every background it has to survive. SVG is the master; PNG is 2× the natural size with a transparent ground where the source has one.

techmania-horizontal-black SVG PNG

techmania-horizontal-dark SVG PNG

techmania-horizontal-light SVG PNG

techmania-horizontal-on-light SVG PNG

techmania-horizontal-tagline SVG PNG

techmania-horizontal-white SVG PNG

techmania-horizontal SVG PNG

techmania-stacked-black SVG PNG

techmania-stacked-dark SVG PNG

techmania-stacked-light SVG PNG

techmania-stacked-on-light SVG PNG

techmania-stacked-white SVG PNG

techmania-stacked SVG PNG

All 26 files in /assets/logo/

techmania-horizontal-black.png	81 KB
techmania-horizontal-black.svg	10 KB
techmania-horizontal-dark.png	177 KB
techmania-horizontal-dark.svg	39 KB
techmania-horizontal-light.png	167 KB
techmania-horizontal-light.svg	39 KB
techmania-horizontal-on-light.png	127 KB
techmania-horizontal-on-light.svg	10 KB
techmania-horizontal-tagline.png	178 KB
techmania-horizontal-tagline.svg	39 KB
techmania-horizontal-white.png	88 KB
techmania-horizontal-white.svg	10 KB
techmania-horizontal.png	128 KB
techmania-horizontal.svg	10 KB
techmania-stacked-black.png	94 KB
techmania-stacked-black.svg	10 KB
techmania-stacked-dark.png	193 KB
techmania-stacked-dark.svg	38 KB
techmania-stacked-light.png	181 KB
techmania-stacked-light.svg	38 KB
techmania-stacked-on-light.png	141 KB
techmania-stacked-on-light.svg	10 KB
techmania-stacked-white.png	102 KB
techmania-stacked-white.svg	10 KB
techmania-stacked.png	142 KB
techmania-stacked.svg	10 KB

Emblem

The TM on its own — for avatars, watermarks and anywhere the wordmark would be unreadable.

techmania-emblem-black SVG PNG

techmania-emblem-dark SVG PNG

techmania-emblem-fullcolor SVG PNG

techmania-emblem-light SVG PNG

techmania-emblem-on-light SVG PNG

techmania-emblem-white SVG PNG

All 12 files in /assets/emblem/

techmania-emblem-black.png	28 KB
techmania-emblem-black.svg	2 KB
techmania-emblem-dark.png	51 KB
techmania-emblem-dark.svg	2 KB
techmania-emblem-fullcolor.png	53 KB
techmania-emblem-fullcolor.svg	2 KB
techmania-emblem-light.png	48 KB
techmania-emblem-light.svg	2 KB
techmania-emblem-on-light.png	52 KB
techmania-emblem-on-light.svg	2 KB
techmania-emblem-white.png	31 KB
techmania-emblem-white.svg	2 KB

App Icons

Full bleed, no inner frame — iOS masks the corners itself and the App Store rejects icons that draw their own. Android adaptive layers are 432×432 with the mark inside the 66% safe circle.

adaptive-background SVG PNG

adaptive-foreground SVG PNG

adaptive-monochrome SVG PNG

icon-dark SVG PNG

icon-master SVG PNG

All 32 files in /assets/icon/

adaptive-background.png	9 KB
adaptive-background.svg	387 B
adaptive-foreground.png	7 KB
adaptive-foreground.svg	2 KB
adaptive-monochrome.png	5 KB
adaptive-monochrome.svg	2 KB
android/adaptive-background-432.png	9 KB
android/adaptive-foreground-432.png	7 KB
android/adaptive-monochrome-432.png	5 KB
android/icon-48.png	1 KB
android/icon-72.png	2 KB
android/icon-96.png	3 KB
android/icon-144.png	4 KB
android/icon-192.png	6 KB
android/icon-512.png	23 KB
icon-dark.png	51 KB
icon-dark.svg	2 KB
icon-master.png	61 KB
icon-master.svg	2 KB
ios/icon-20.png	572 B
ios/icon-29.png	869 B
ios/icon-40.png	1 KB
ios/icon-58.png	2 KB
ios/icon-60.png	2 KB
ios/icon-76.png	2 KB
ios/icon-80.png	2 KB
ios/icon-87.png	3 KB
ios/icon-120.png	4 KB
ios/icon-152.png	5 KB
ios/icon-167.png	5 KB
ios/icon-180.png	6 KB
ios/icon-1024.png	61 KB

Favicons

favicon.ico carries 16 through 256 in one file. The SVG favicon is what modern browsers prefer.

favicon SVG

All 11 files in /assets/favicon/

favicon.ico	25 KB
favicon.svg	2 KB
icon-16.png	465 B
icon-32.png	926 B
icon-48.png	1 KB
icon-64.png	2 KB
icon-96.png	3 KB
icon-180.png	6 KB
icon-192.png	6 KB
icon-256.png	9 KB
icon-512.png	23 KB

Social & Sharing

Sized to each platform, with the logo inside the safe area so nothing gets cropped by an avatar bubble.

techmania-facebook-cover-1640x624 SVG PNG

techmania-linkedin-cover-1584x396 SVG PNG

techmania-og-1200x630 SVG PNG

techmania-profile-1080 SVG PNG

techmania-x-header-1500x500 SVG PNG

techmania-youtube-art-2560x1440 SVG PNG

All 12 files in /assets/social/

techmania-facebook-cover-1640x624.png	143 KB
techmania-facebook-cover-1640x624.svg	39 KB
techmania-linkedin-cover-1584x396.png	93 KB
techmania-linkedin-cover-1584x396.svg	40 KB
techmania-og-1200x630.png	124 KB
techmania-og-1200x630.svg	39 KB
techmania-profile-1080.png	158 KB
techmania-profile-1080.svg	39 KB
techmania-x-header-1500x500.png	107 KB
techmania-x-header-1500x500.svg	40 KB
techmania-youtube-art-2560x1440.png	287 KB
techmania-youtube-art-2560x1440.svg	39 KB

Type

Archivo ExtraBold Italic at 115% width for the wordmark and headings. Plus Jakarta Sans for body copy. JetBrains Mono for labels and code. The wordmark is outlined to paths in every file here, so it renders identically with no fonts installed.