// Brand

Tribulnation Labs brand assets

The mark, lockups, and a maskable icon, ready to use — SVG for anything that can take it, PNG for anything that can't. Black or white ink on transparent, or a single dual-mode "background" file that switches between the two automatically with the viewer's system theme (and falls back to a light background wherever that's not supported — uploads to GitHub and most other icon fields, for instance).

Download everything (.zip) ↓ Interactive design-system showcase ↗

Mark

The symbol on its own — for tight UI placements. Not maskable-safe; see Icon below for that.

Tribulnation Labs mark, black
Tribulnation Labs mark, white
Tribulnation Labs mark, with background
Black SVG Black PNG 512 Black PNG 2048 White SVG White PNG 512 White PNG 2048 Background SVG · auto Background PNG 512 Background PNG 2048

Icon

Maskable — recentered and scaled to fit a circular safe zone, for app icons, PWA manifests, and profile/avatar uploads (e.g. GitHub) that crop to a circle or rounded square.

Tribulnation Labs icon, maskable, with background
Background SVG · auto Background PNG 512 Background PNG 2048

Lockup — horizontal

Mark and wordmark side by side — the standard nav/header lockup.

Tribulnation Labs horizontal lockup, black
Tribulnation Labs horizontal lockup, white
Tribulnation Labs horizontal lockup, with background
Black SVG Black PNG 512 Black PNG 2048 White SVG White PNG 512 White PNG 2048 Background SVG · auto Background PNG 512 Background PNG 2048

Lockup — stacked

Mark above wordmark — for square-ish placements like social avatars.

Tribulnation Labs stacked lockup, black
Tribulnation Labs stacked lockup, white
Tribulnation Labs stacked lockup, with background
Black SVG Black PNG 512 Black PNG 2048 White SVG White PNG 512 White PNG 2048 Background SVG · auto Background PNG 512 Background PNG 2048