Assets

Every file here is generated by @monk-business/brand from the same sources: the logos from Lexend outlines and the orbital symbol, the PNGs rendered from those SVGs with resvg (text in the social images is drawn as Lexend outlines). Download them below or import them from the package:

import logoUrl from '@monk-business/brand/logos/logo-on-dark.svg?url';
import ogImage from '@monk-business/brand/png/og-default.png?url';

Logos (SVG)

logo-on-dark.svg5.4 KB
Main horizontal lockup for dark backgrounds. Gelo letters, Bruma symbol, Petróleo K accent.
logo-on-light.svg5.4 KB
Main horizontal lockup for light backgrounds. Grafite letters, Petróleo symbol and K accent.
logo-alt-on-dark.svg5.3 KB
Alternative lockup with BUSINESS in light weight, for dark backgrounds.
logo-alt-on-light.svg5.3 KB
Alternative lockup with BUSINESS in light weight, for light backgrounds.
logo-stacked-on-dark.svg6.0 KB
Stacked lockup for square spaces, on dark.
logo-stacked-on-light.svg6.0 KB
Stacked lockup for square spaces, on light.
logo-mono.svg5.5 KB
One color in currentColor, for inline SVG in code (as an image it renders black).
logo-mono-white.svg5.4 KB
One color, white: single-color printing on dark.
logo-mono-graphite.svg5.4 KB
One color, Grafite: single-color printing and engraving on light.
symbol-on-dark.svg1.0 KB
The orbital symbol alone in Bruma, for dark backgrounds.
symbol-on-light.svg1.0 KB
The orbital symbol alone in Petróleo, for light backgrounds.
symbol-mono.svg1.1 KB
The symbol in currentColor, for inline SVG and the orbit motif.
app-icon.svg1.1 KB
The symbol on a Grafite disc, for app icons and avatars 64px and larger.
favicon.svg841 B
The simplified symbol on a Grafite disc, for 16–48px (favicons, small avatars).

favicon-32.png32×32 · 1.3 KB
Favicon fallback for browsers without SVG favicons.
apple-touch-icon.png180×180 · 4.8 KB
iOS home screen icon: the symbol on full-bleed Grafite.
icon-192.png192×192 · 7.5 KB
Web app manifest icon (the app icon disc).
icon-512.png512×512 · 23.0 KB
Web app manifest icon, large.
whatsapp-avatar.png640×640 · 17.1 KB
WhatsApp and social profile photo: the simplified symbol on Grafite (the app crops it round).
og-default.png1200×630 · 49.3 KB
Default social share image (Open Graph): logo, tagline and the faint orbit.
linkedin-banner.png1584×396 · 34.7 KB
LinkedIn company page cover.

<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<meta property="og:image" content="https://www.monkbusiness.com.br/og-default.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />

{
  "name": "Monk Business",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ],
  "theme_color": "#272727",
  "background_color": "#272727"
}

Fonts

@monk-business/brand/fonts.css loads the variable fonts from Fontsource (self-hosted by your bundler): “Lexend Variable” (weights 100–900) and “JetBrains Mono Variable” (100–800). The --mb-font-* tokens name them first, with system fallbacks.

Regenerating the files

The logo geometry lives in packages/brand/scripts/logos.mjs and is exported as @monk-business/brand/logos.mjs for reuse (it needs opentype.js and @fontsource/lexend). The approved output is locked by tests: the SVGs must stay byte-identical. See Contributing.

Assets

Logos (SVG)

Icons and social images (PNG)

Favicons and social meta

Fonts

Regenerating the files