Logo
The RunAsh mark
A single, bold R. It works on dark and on cream. Always use the supplied files — never redraw it.
Clearspace
Keep at least the mark's own height free on all four sides. Nothing else enters this zone.
Colour on background
Orange mark on dark, cream and white. White mark on orange, red and ink.
Colours
Brand colour palette
Click Copy on any swatch for its hex value. The surfaces come in a dark and a cream set.
Brand
The orange family — buttons, highlights and the logo itself.
Surfaces
Dark and cream themes ship together; every page supports both.
Agents & status
Each of the seven agents has a signature colour. Orange is the Director.
:root {
--runash-logo: #F76115;
--runash-orange: #F97316;
--runash-amber: #F59E0B;
--runash-amber-light: #FBBF24;
/* agents */
--runash-scout: #38BDF8;
--runash-writer: #A78BFA;
--runash-cohost: #2DD4BF;
--runash-translator: #34D399;
--runash-cashier: #F43F5E;
--runash-live: #EF4444;
/* dark theme (default) */
--runash-bg: #08090D;
--runash-surface: #0C0E14;
--runash-alt: #0B0D12;
--runash-text: #FFFFFF;
}
.light, [data-theme="light"] {
--runash-bg: #FAF9F5;
--runash-surface: #FFFFFF;
--runash-alt: #F2EEE4;
--runash-text: #201B16;
}
Typography
Type system
Three typefaces, each with one job. Import all three from Google Fonts.
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');Gradients
Brand gradients
Approved combinations for buttons, hero sections and brand moments.
Usage guidelines
Do and don't
Follow these rules to keep RunAsh consistent across every channel.
Do
Don't
Downloads
Brand asset downloads
Generated straight from the master artwork on this page. Free to use for press coverage, partnerships and community content.
For co-branding, press kits or custom asset requests, get in touch.