# FLAYSH brand

> FLAYSH (Itay Flaysher) is an audiovisual artist from Tel Aviv: DJ, VJ, projection mapper, producer and software engineer. Neurofunk and future DnB, projection mapping, live visuals. This is the locked brand (15 October 2026). Use it for any FLAYSH design, social post, reel, caption, poster, cover, merch, web page, EPK, video title or co-brand. Promise: "Technology that makes you feel."

Visual guide for people: https://brand.flaysh.com

## Rules (follow exactly)
1. Use only the colours below. Take hex values from this table or the token files; never invent or approximate a colour.
2. Void is the ground: 55 to 90% of every frame is near-black `#050509`. No light backgrounds, no grey gradients.
3. Red `#F51D31` leads and is always the most visible colour: the logo, one key word, the one thing to see. Red is emitted light (a line, a glow, a crack), never fire, flames, embers or smoke.
4. Violet `#5B54FC` is the partner for halos, shapes and big type. Never as loud as red, never body text (3.99:1).
5. Titles: Anton, ALWAYS UPPERCASE, tight, exactly one word in red. Everything else: Geist. Labels: Geist Medium, uppercase, 0.08em tracking.
6. Logos: use the files, never redraw, retype or trace them. Colours red, ink or void only. Never chrome or metallic, no gradients in the letters, no outlines, no stretching.
7. Copy: plain words, no em-dashes ever, FLAYSH always in caps, tag @flaysh_. Instagram copy is English and opens with a curious or funny first line.
8. CTRL+F is a separate event brand with its own colours and fonts. FLAYSH appears on it only as a logo (co-brand lockup); never use CTRL+F's purple or magenta for FLAYSH.

## Colours
| token | hex | on void | use |
|---|---|---|---|
| `void` | `#050509` | 1.00:1 | Ground. The default background everywhere. 55-90% of any frame or page. |
| `surface` | `#10111A` | 1.08:1 | Raised dark: panels, cards, UI fields on top of void. |
| `ink` | `#F0F1F9` | 18.07:1 | Text and the logo when it is not red. Cool near-white, never pure #fff for text blocks. |
| `muted` | `#A5A9C4` | 8.79:1 | Secondary text: credits, dates, captions under titles. |
| `red` | `#F51D31` | 4.94:1 | THE FLAYSH RED. Lead colour. Logo, key words, the one thing that must be seen. Emitted light, never fire or smoke. |
| `red-deep` | `#80041A` | 1.89:1 | Shadow side of red: gradients, glows, pressed states. Never for text. |
| `red-hot` | `#FFBFB2` | 12.93:1 | Hot core of red light: the centre of a glow, a highlight. Small amounts only. |
| `violet` | `#5B54FC` | 3.99:1 | Electric violet, the partner. Shapes, halos, second accents, shadows of the red. 3.99:1 on void: large text only. Bluer than CTRL+F ED.04 purple on purpose (hue 277 vs ~295). |
| `lavender` | `#B1B7FD` | 10.72:1 | Light violet for small coloured text, HUD lines and labels where violet is too dark. |

Share of a frame (a guide):
- socials: void 60%, red 22%, violet 12%, ink 6%
- merch: void 80%, red 15%, ink 5%
- web: void 70%, ink 15%, red 10%, violet 5%

## Type
- **Title:** Anton (free, Google Fonts). Always uppercase. **Text:** Geist (free, Google Fonts). Sentence case; labels uppercase.
- Scale (px on a 1080px-wide social canvas / web):
  - title-xl: Anton 400, 200px / clamp(3.5rem, 9vw, 7rem)
  - title-l: Anton 400, 132px / clamp(2.5rem, 6vw, 4.5rem)
  - title-m: Anton 400, 88px / 2rem
  - caption: Anton 400, 120px / 3rem
  - body: Geist 400, 36px / 1.0625rem
  - body-strong: Geist 600, 36px / 1.0625rem
  - small: Geist 400, 28px / 0.875rem
  - label: Geist 500, 24px / 0.75rem
- **Reel captions:** Anton 120 to 140px on 1080 wide, ink with ONE word red, 1 to 3 words per screen, cut on the beat, pop in over 150 to 250ms, soft dark shadow, no outline, centred near 45% height.

## Logos
- **Winged mark** (hero: avatars, covers, merch, stage). Clear space 25% of the logo's height on every side. Min 24px tall (reads as a silhouette at 32px avatar). Never: chrome or metallic finish; gradients inside the letters; outlines/strokes; drop shadows; stretching or rotating; violet fill on void (too dark).
- **Flame wordmark** (readable: line-ups, posters, EPK). Clear space the height of the F's top bar (about 20% of the logo's height) on every side. Min 80px wide. Never: chrome or metallic finish; gradients inside the letters; outlines/strokes; stretching or rotating.
- Glow: allowed on both, in their own colour only (red glow on red logo), as light: soft, 0.2-0.5 opacity, never a hard drop shadow.
- **Co-brand:** flame wordmark, thin muted rule, partner logo at the same height. FLAYSH stays ink or red.

## Five pillars
1. **Void first:** black is the material; cut to black before a hit; one glow, not many.
2. **Red is a signal:** red on the one thing to see; violet behind or around it.
3. **Specimen:** one living subject documented by a machine: crosshairs, leader lines, real labels (coordinates, BPM, venue, set time) in small Geist caps. No fake sci-fi jargon.
4. **Thorned line:** motifs use two weights (hairline and tapered blade), hook / barb / blade ends, one mirror axis with exactly one broken element, at most 30% ink.
5. **Alive:** nothing rests; motion follows the music.

## Files
Use  these URLs:
- Tokens: https://brand.flaysh.com/tokens.json (W3C), https://brand.flaysh.com/build/json/tokens.flat.json, CSS https://brand.flaysh.com/build/css/flaysh.css, TS https://brand.flaysh.com/build/js/tokens.ts, Tailwind https://brand.flaysh.com/build/tailwind/flaysh.preset.js and flaysh.theme.css
- Logos (SVG): https://brand.flaysh.com/build/logo/svg/flaysh-winged-red.svg, flaysh-winged-ink.svg, flaysh-winged-void.svg, flaysh-flame-red.svg, flaysh-flame-ink.svg, flaysh-flame-void.svg
- Logos (PNG, transparent): https://brand.flaysh.com/build/logo/png/flaysh-winged-red-2048.png (also -512, -1024; ink and void; flame the same)
- Avatar: https://brand.flaysh.com/build/logo/avatar/flaysh-avatar-1080.png. Co-brand: https://brand.flaysh.com/build/logo/cobrand/flaysh-cobrand-lockup.svg
- Motifs (SVG, currentColor): https://brand.flaysh.com/build/motifs/thorn-spine-01.svg to -04, specimen-frame.svg, leader-label.svg
- Fonts: https://brand.flaysh.com/kit/FLAYSH-Fonts.zip
- Templates (HTML, open and edit): https://brand.flaysh.com/templates/ig-post.html, ig-story-gig.html, reel-cover.html, reel-caption.html, lower-third.html, yt-thumb.html, poster.html, og-card.html
- Everything: https://brand.flaysh.com/kit/FLAYSH-Brand-Kit.zip. Full human guide as text: https://brand.flaysh.com/BRAND.md

## Not decided yet
The palette for live-show visuals (Resolume, TouchDesigner) is open. The brand colours above are for the brand: socials, print, web, merch, titles. Ask FLAYSH before treating anything else as the show palette.

## When unsure
Ask FLAYSH. Do not change the palette, fonts or logos.