BorkerBorker Docs
Guides

Media kit

Logos, mascot, colors, type, layout rules, and ad templates. Everything affiliates and press need to make Borker look like Borker.

This page is the visual companion to the Messaging guide. The messaging guide is how to say it; this is how it should look when you do.

Affiliates use it to build social posts and ads. Press use it to source logos, founder bios, and product screenshots. Both download the same bundle.

Download

Grab everything, or grab the slice you need.

  • Full kit — logos, mascot cutouts and scenes, product screenshots, ad starter packs, color/type tokens.
  • Logos only — mark, wordmark, primary in light/dark/mono. SVG + PNG.
  • Mascot cutouts — six poses, transparent PNGs. Drop into your own compositions.
  • Mascot scenes — six full illustrations on light backgrounds. Drop in as hero images.
  • Screenshots — clean product UI shots (raw/) and pre-composed hero versions with title overlay (social/).
  • Ads — ready-to-post digital ads across four ratios and four headlines, plus a vertical magazine-ad series in four creator variants.
  • Tokens — ASE swatches, Figma JSON, Tailwind config snippet.

What's in the bundle

FolderContentsFormat
logos/Primary mark, wordmark, mark-only Shiba head. Orange, white, black, and orange-on-light card variants.SVG + PNG
mascot-cutouts/Six canonical Shiba poses on transparent backgrounds. Use these when you're composing your own design.PNG (transparent)
mascot-scenes/The same six poses as full illustrations on light backgrounds. Use these as drop-in hero images.PNG (light bg)
screenshots/Clean product screenshots in raw/ (bare UI for press articles) and social/ (pre-composed hero shots).PNG
ads/Digital ad starter pack in social/ (four ratios × four headlines) and a vertical print-ad series in print/ (four creator variants).PNG
tokens/Colors and type as an ASE swatch, Figma-ready JSON, and a Tailwind config snippet.Mixed

Identity

A smiling Shiba Inu silhouette in Borker Orange. Three forms, three colorways each.

Primary use (on light backgrounds):

Borker primary logo: Shiba mark with wordmark in orange
Primary
Borker mark: Shiba head silhouette in orange
Mark
Borker wordmark in orange Inter Bold
Wordmark

On dark backgrounds (white):

Borker primary logo on dark, white
Primary · white
Borker mark on dark, white
Mark · white
Borker wordmark on dark, white
Wordmark · white

Monochrome (for print, embossing, single-color contexts):

Borker primary logo in black
Primary · black
Borker mark in black
Mark · black
Borker wordmark in black
Wordmark · black

When to use which:

  • Primary for headers, hero placements, the first time Borker appears in a piece.
  • Wordmark for places where the mark is too small to read, or when the mascot would steal focus.
  • Mark only for app icons, favicons, tight squares, and avatars.

Formats: every variant ships as SVG (scales infinitely, ideal for print and large displays) plus PNG at 256, 1024, and 2048 px on the longer edge. See public/media-kit/logos/ for the full set.

Rules:

  • Don't recolor the logo outside the brand palette.
  • Don't add drop shadows, glows, or filters.
  • Don't stretch or skew. The proportions are locked.
  • Don't place the dark logo on the orange brand color or vice versa; contrast suffers.
  • Minimum size: 32px tall for the mark, 80px wide for primary.
  • Clear space: at least the height of the Shiba's ears on every side.

The Shiba mascot

The Shiba is Borker's recurring visual character. It carries more brand recognition than the wordmark does. Use it whenever you want a piece of content to feel like Borker, not just reference it.

Canonical look:

  • Orange fur (#ff6b35) with a cream/light underbelly.
  • Hand-drawn sketch line work. Slight roughness, not vector-clean.
  • Friendly upright posture, sitting or in a small action pose. Never sprawled, never aggressive.
  • Engaged with a prop (laptop, paper plane, signpost, draft) rather than just standing. The activity is the storytelling.
  • Borker Orange used sparingly as the focal accent. Most of the scene is line art on a light background.

The six canonical poses shipped in the bundle:

Borker Shiba sitting upright, closed-eye smile
Sitting · brand anchor
Borker Shiba at a small desk typing on a laptop
At the laptop · drafting
Borker Shiba releasing a paper plane
Paper plane · publishing
Borker Shiba at a signpost with X and LinkedIn arrows
Signpost · routing
Borker Shiba holding a draft and reading it
Holding a draft · in review
Borker Shiba sitting tall with one paw raised
Paw raised · published
PoseWhat it represents
Sitting (portrait)Neutral / brand-anchor. The logo-adjacent pose.
At the laptopDrafting, daily generation
Sending a paper planePublishing, "it shipped"
At a signpostRouting, choosing a channel
Holding a draftApproval pending, waiting on a human
Paw raisedSuccess, published, celebration

If you need a pose that isn't in the set, ask. Don't generate a new Shiba. Getting the character consistent is hard, and an off-model mascot dilutes the brand for everyone using it.

Mascot scenes: the same six poses as full hero illustrations on a light background (#fafbfd), with environmental context. Drop straight into a landing page, social post, or article hero. 16:9, 2752×1536.

Borker Shiba sitting in a soft wooden-floor scene
Sitting · brand anchor
Borker Shiba at a desk with calendar and paper plane in flight
Laptop · daily generation
Borker Shiba on a platform with paper planes flying off
Paper plane · publishing
Borker Shiba at a signpost in a small open landscape
Signpost · routing
Borker Shiba at a reading desk with stacked papers and coffee
Draft · in review
Borker Shiba on a podium with falling confetti
Paw raised · published

Color palette

RoleLight modeDark mode
BrandBorker Orange #ff6b35 (same in both modes)
Background#fafbfd#0c0c14
Surface#ffffff#14141f
Text#0c0c14#f8fafc
Muted text#5b5b6b#a1a1aa
Border#e2e3eb#2a2a3c

Borker Orange is premium. One or two accents per composition, 5-10% of the visible surface. If everything is orange, nothing is. Black/white line work and generous whitespace do the heavy lifting; orange points the eye.

Platform accents (only when you're showing more than one platform in a single visual):

  • X #1d9bf0, LinkedIn #0a66c2, Farcaster #8b5cf6, Paragraph #10b981.

Typography

Inter for everything. Two weights cover 95% of cases:

  • Inter Bold: headlines and the punch word in a tagline.
  • Inter Regular: body, captions, supporting copy.

Hand-lettered or sketchy text is fine inside hand-drawn illustrations as long as it stays legible.

Design tokens

If you're working in code or in Figma, grab the tokens bundle. It has the same values listed above in three formats so you don't have to retype them:

  • borker.ase — Adobe Swatch Exchange. Drag into Illustrator, Photoshop, or InDesign to load the eleven brand colors as a named swatch group.
  • borker-tokens.json — Design Tokens Community Group format. Imports directly into Figma via the Tokens Studio plugin, and into Style Dictionary if you maintain your own token pipeline.
  • borker-tailwind.config.js — drop the theme.extend block into your tailwind.config.js to get bg-borker-orange, text-display, font-borker, etc. as utility classes.

Two visual styles

StyleUse forMood
Hand-drawnDocs, explainer carousels, blog posts, screen recordingsApproachable, warm, conversational
Clean lineMarketing, landing pages, product UI, press materialsPolished, modern SaaS

Pick one style per composition. Don't mix them. Hand-drawn next to clean-line in the same ad reads as "two unrelated brands."

Product screenshots

The bundle ships two kinds of product UI shots, both in light and dark theme variants. Press use the raw ones in articles. Affiliates use the social ones in posts.

Raw (screenshots/raw/light/ and screenshots/raw/dark/) — the product UI, dev chrome stripped. Drop into a blog post, a press article, a tweet quote. They're 1440×900 PNG. Each theme has seven shots covering Pipeline, draft detail, schedule, brand voice (overview + writing principles), reactive news, and redistribution.

Social (screenshots/social/light/ and screenshots/social/dark/) — pre-composed 1200×630 hero versions wrapped in the OG card grammar: warm backplate, orange glow, BORKER mark, eyebrow label, headline, and tilted screenshot. Drop directly into a tweet, a LinkedIn carousel, a launch announcement. Each theme has four shots: Pipeline, brand voice, reactive news, redistribution.

Dark theme (default brand atmosphere):

Dark social card for the Content Pipeline view
Pipeline · dark
Dark social card for the Brand voice principles view
Brand voice · dark
Dark social card for the Reactive news view
Reactive news · dark
Dark social card for the Redistribution view
Redistribution · dark

Light theme:

Light social card for the Content Pipeline view
Pipeline · light
Light social card for the Brand voice principles view
Brand voice · light
Light social card for the Reactive news view
Reactive news · light
Light social card for the Redistribution view
Redistribution · light

Rules:

  • Don't crop the social shots. They're sized for 1200×630 (X / LinkedIn / OG card spec).
  • Match theme to venue: dark for landing pages and dark-mode social, light for blog embeds and press articles.
  • For your own composed posts, use the raw/ shots over a backplate you compose yourself.

Layout & composition

These rules work for both styles.

  • Generous whitespace. The Shiba (or the focal concept) needs room to breathe. If it feels crowded, the reader's eye won't find the point.
  • One focal point per image. Headline, mascot, or product screenshot. Not all three competing.
  • Orange marks the focal point. Not the background, not the border. Just the thing you want the eye to land on.
  • Light mode is the default for marketing. Dark mode is the product UI mode (and the OG card). Use light for ads, social posts, and landing-style content unless the venue forces dark.
  • Never use: neon glows, hexagonal patterns, circuit boards, matrix / sci-fi tropes, generic AI-robot imagery, stock-photo founders pointing at laptops. They fight the founder-helper aesthetic.

Designing for ads

The bundle ships two ad grammars. Both are first-class. Pick whichever fits the venue: dark-and-digital for feed / OG / stories, light-and-editorial for print, longer-form newsletters, magazine takeovers, or anything you want to feel slower and more considered.

Three rules that hold across every ad format:

  1. One headline, one focal point, one CTA. If you can't summarize the ad in one sentence, it's two ads.
  2. Orange marks the focal point. A punch word, a stripe, a divider — pick one place per ad. Everything else is white or near-white (dark mode) or near-black (light mode).
  3. The Shiba shows up at least every other ad. It's the highest-recall element in the kit. Affiliates who use it convert measurably better than those who don't (anecdotal but consistent).

Grammar A — digital / social (dark)

The site's Open Graph card is the canonical example. Use this for feed posts, OG cards, and anywhere the venue is already a dark UI.

  • Dark navy background (#0c0c14) takes the whole canvas.
  • Logo + brand cluster anchored top-left (landscape) or top (square/portrait), 25-30% of the longer axis.
  • Hard orange stripe divides the brand cluster from the tagline — vertical on landscape, horizontal on square/portrait.
  • Tagline lives in the larger block. Inter Bold at 100px+, white for the first lines and Borker Orange for the punch word.
  • "borker.xyz" sits small and muted under the wordmark or footer.
Borker social ad 1200x630: 'Your brand's voice. Everywhere.' with orange punch word
1.91:1 — OG card / X / LinkedIn
Borker social ad 1080x1080: 'Make. We'll handle the rest.'
1:1 — Instagram square

The bundle's ads/social/ folder has all four ratios × four headlines as PNGs. Use them as-is, or swap the headline by editing the source template at internal-docs/v2/MEDIA_KIT_SOCIAL_AD_TEMPLATE.html and re-rendering via bun run scripts/render-media-kit-social-ads.ts.

Aspect ratios and resolutions:

Use caseRatioResolution
OG card / X / LinkedIn single1.91:11200×630
Instagram square1:11080×1080
Stories / Reels / TikTok9:161080×1920
Docs hero / blog header16:91920×1080

Grammar B — print / editorial (light)

Use this anywhere the ad sits inside long-form content — magazines, newsletters, partner blogs, full-page print. Slower-paced than the social grammar, scene-led instead of word-led.

  • Cream background (#fff5e8) takes the whole page.
  • Top 60% is a "radiating" mascot scene: the Shiba at a laptop with paper planes fanning out toward the platform names (X / LinkedIn / Paragraph / Farcaster / Blog). Tells the whole product story without a single word of copy.
  • Middle 10% is the headline band. One line, large (~175px on letter portrait), no subhead. Optional orange side bars frame just this band for a magazine pull-quote feel.
  • Bottom 30% is a minimalist line-drawing creator scene — easel for artist, desk for writer, drafting table for designer, workbench for maker. Quiet counterweight to the top scene.
Borker magazine ad: artist variant
Artist
Borker magazine ad: maker variant
Maker
Borker magazine ad: writer variant
Writer
Borker magazine ad: designer variant
Designer

The bundle's ads/print/ folder has all four variants as 2550×3300 PNGs (letter portrait at 300 DPI, print-ready). Swap the headline, creator scene, border treatment, or footer by editing internal-docs/v2/MEDIA_KIT_AD_TEMPLATE.html and re-rendering via bun run scripts/render-media-kit-ads.ts.

Sizes:

Use caseRatioResolution
Letter portrait (US print)8.5 × 11 in2550×3300
A4 portrait210 × 297 mm2480×3508

Both grammars can carry the same headline. The "Make. We'll handle the rest." line ships in both ads/social/ and ads/print/ so an affiliate can run a coordinated print + digital push without redrawing anything.

Boilerplate copy

Paste-ready. Pick the length your channel needs.

One-liner (~15 words):

Borker is the AI content engine that writes posts in your actual voice. Approve, schedule, publish.

Short paragraph (~50 words):

Borker is an AI content engine that learns a brand's voice and keeps a founder's social presence alive across X, LinkedIn, Farcaster, and Paragraph. It writes the posts, the human approves them, Borker publishes. Not another scheduler; the post itself, generated in your voice.

Long paragraph (~100 words):

Borker is the AI content engine that keeps founders consistent on social without consuming their week. It reads a brand's website and sample posts during onboarding to build a voice profile, then generates drafts across five sources: a daily topic calendar, RSS-reactive posts from feeds the user chose, auto-redistribution from their own blog (Paragraph), on-demand prompts, and multi-phase campaigns for launches. Every draft lands in a Review pipeline; nothing posts without human approval. Available on four plans, BYOK ($9/mo) through Lifetime ($149 once). Bootstrapped, built by Jephthah Mbah and Sven.

Founder bios:

  • Jephthah Mbah, co-founder and program lead at Borker. Based in Abuja, Nigeria. Runs the affiliate program and partner relationships.
  • Sven, co-founder at Borker. Engineer and product lead.

Press contact: sven@borker.xyz

Usage terms

You can use the assets in this kit for:

  • Promotional content on your own channels (organic or paid) about Borker as a Borker affiliate.
  • Press articles, podcasts, newsletters, or reviews covering Borker.
  • Internal presentations or partnership decks where Borker is one of the topics.

You cannot:

  • Modify the logo or remix the mascot outside the canonical poses.
  • Use the assets in a way that implies Borker has endorsed your other products or services.
  • Use the assets in content that competes with Borker or promotes a competing AI content tool.
  • Resell, license, or redistribute the bundle.

When in doubt, ask. We respond quickly and we'd rather say yes once than chase a misunderstanding later.

Need something that's not here?

The kit will grow. If you need a pose, screenshot, ratio, or copy block that isn't in the bundle, mention it in the affiliate Telegram or email sven@borker.xyz. The most common requests get added to the next bundle revision.

Next

On this page