MUBIT — LOGO PACK

Website: https://mubit.ai
Brand guidelines: https://mubit.ai/media-kit
Media enquiries: contact@mubit.ai

FILES
mubit-logo-black: primary black logo for light backgrounds.
mubit-logo-reversed: orange symbol and white wordmark for dark backgrounds.
mubit-logo-color: orange tile and black wordmark for light backgrounds.
mubit-symbol-orange: standalone symbol on an orange tile.

Each variation includes SVG and PNG. Full logos are transparent; the symbol
includes its orange background. Full-logo PNGs are 2400 px wide; the symbol
is 1080 x 1080 px. SVG artwork retains the original logo paths.

USAGE
See USAGE.txt for the Media Usage Policy, including usage rights and restrictions.

Use the full logo when space allows. Keep the proportions and original
colors. Do not rotate, stretch, add shadows, or change the relationship
between symbol and wordmark. Keep it on a simple, contrasting background.

Leave at least one quarter of the symbol height clear on all sides of the
visible artwork. Suggested minimum widths: full logo 120 px / 30 mm;
symbol 32 px / 8 mm. Check the fine lines at the final output size.
Align to content margins; top left or bottom left works well. Center the
logo for standalone brand moments. Write the name as Mubit in prose.

TYPE
IBM Plex Serif, Light 300: hero and section headings.
https://fonts.google.com/specimen/IBM+Plex+Serif
IBM Plex Sans, Regular 400: step and card titles, descriptions, and interface text.
https://fonts.google.com/specimen/IBM+Plex+Sans
IBM Plex Mono, Regular 400: short labels, numbers, and technical details.
https://fonts.google.com/specimen/IBM+Plex+Mono

Use sentence case and clear, direct headings. Keep descriptions compact and
close to their headings. Body text is usually 15–18 px with a 1.65–1.75 line height.
Homepage labels are usually 10–11 px, uppercase, and lightly spaced. Use size,
spacing, and color for hierarchy; avoid bold weights. Font files are not bundled.

HOMEPAGE PALETTE
Identity & contrast
Mubit orange: #FF4500 (original logo color)
Text green: #263B32 (headings and body text)
Forest: #304C3D (launch banner and footer)
Action orange: #D9421D (primary website buttons)

Surfaces
White: #FFFFFF (page canvas and primary panels)
Paper: #F6F8F2 (hero and selected cards)
Sage paper: #EEF3E9 (supporting model cards)
Warm paper: #F8F5EE (clay-accented cards)

Illustrations & details
Model green: #66805A (diagram details and accents)
Pixel sage: #B8C8A4 (light pixels and highlights)
Clay: #B87E5A (small illustration accents)
Fine rules: #DCE2D4 (card borders and dividers)

Keep the original orange and black in the supplied logo files. Use dark text
on Mubit orange. Reserve Action orange for buttons and Clay for illustration
accents. Keep the largest areas light, with forest reserved for strong contrast.

VISUAL LANGUAGE
Architectural imagery: pale stone and soft light support the homepage's archive
theme. Use large imagery where it helps tell the story; keep text easy to read.
Pixel signatures: flat square tiles, fine grids, sage and forest tones,
and small clay accents. Keep forms precise and deliberate.
Process diagrams: small geometric forms and thin connecting lines explain each
step. Align artwork vertically with its text and keep the gap compact.
Surfaces: white panels with complete one-pixel borders, fine internal dividers,
and restrained corners. Keep pixel accents small.
Static by default: process diagrams should be complete without animation.
Use shape, grouping, and connecting lines to make the sequence clear.
Illustrations are examples on the media-kit page; this download contains
the supplied logos.

LAYOUT
Use an 8 px rhythm for component spacing: 8, 16, 24, 32, 48, 56, 72.
Start with 24 px inside panels and 20 px on mobile. Keep related text and
artwork close together, with larger gaps between sections.

HEADLINE
Build more reliable agents with task-specific models.

ABOUT MUBIT
Mubit turns agent traces into small, task-specific open-weight models that adapt with use. Blend them with frontier models for more reliable agents.
