VIBEATHON

Brand

Brand guide

Grok / xAI–inspired dark system: near-black canvas, white pills, hairline elevation, mono eyebrows. Plus official Milysec badges from milysec.com/press.

Studio

Vibeathon is operated by Milysec. Use the official Made by Milysec badges and studio logos from the Milysec press kit. Canonical dark badge: made-by-milysec-black.svg.

Where logos come from

  • Milysec / Made by — only milysec.com/press (+ badges under /images/badges/). Never invent monograms.
  • Solana — only icons.sol.new (or npm solana-icons).
  • Vibeathon product mark — design intentionally (Figma / designer). xAI posture = wordmark + simple geometric mark; avoid AI-generated logos. Interim assets live in /logo.png · /favicon.png · /og.png.
  • Self-host kit under public/brand/ after download.

Colours

Canvas
#0A0A0A
Page ground · xAI near-black
Canvas soft
#1A1C20
Hover / soft surfaces
Card
#191919
Cards · panels
Hairline
#212327
1px dividers
Foreground
#FFFFFF
Type · primary pills
Sunset
#FF7A17
Rare accent only

Type

Display / UI
Geist Sans

Headlines, body, buttons

Mono / meta
Geist Mono

Status rails, labels, clocks

Lockup

VIBE CODE. SHIP.

Vibeathon product

App mark / favicon
App mark / favicon
Square product mark
Product mark (brand)
Product mark (brand)
Same lockup under /brand
Open Graph
Open Graph
1200×630 social
Favicon PNG
Favicon PNG
Browser tab

Milysec (official)

Source of truth: milysec.com/press. Dark Made by badge (use on dark UI, no white chip): made-by-milysec-black.svg. Self-hosted under /brand/.

Made by Milysec (dark)
Made by Milysec (dark)
Official dark pill · dark UI — milysec.com/images/badges/made-by-milysec-black.svg
Made by Milysec (dark PNG)
Made by Milysec (dark PNG)
Raster · same dark mark
Made by Milysec (light)
Made by Milysec (light)
Official light pill · light UI
Made by Milysec (light PNG)
Made by Milysec (light PNG)
Raster · light mark
Milysec logo SVG
Milysec logo SVG
Studio wordmark · milysec.com/press
Milysec logo PNG
Milysec logo PNG
Transparent PNG
Milysec mark 128
Milysec mark 128
Square mark
Milysec mark 64
Milysec mark 64
Favicon source

Usage

  • Keep clear space around marks; don’t stretch, recolour, or add drop shadows.
  • Use the official dark Made by badge (made-by-milysec-black.svg) on dark chrome — it is already a dark pill. Do not place it on a white chip.
  • Use the light Made by badge on light backgrounds only.
  • Design direction: Grok / xAI — canvas #0a0a0a, white outline pills, weight-400 display, Geist Mono eyebrows, no decorative gradients.
  • White is the primary color. Sunset #ff7a17 is rare accent only — not chrome.
  • Hairline borders carry elevation — no drop shadows.
  • Primary public channel: x.com/vibeathonxyz.
  • For media boilerplate and downloads, see the press kit.