castup.io
Get started
live in production
Landing page
Header / nav bar
Castup Brand Kit · v1.0
castup.ioThe official logo system, color palette, typography, and usage guidelines for Castup. Everything you need to represent the brand faithfully.
the mark
Crown ↑ + C
Two gestures, one meaning. The crown arrow points up (the lift). The C underneath catches and broadcasts (the cast). Together they read: cast yourself up.
Crown ↑
The lift. Upward momentum.
C curve
The cast. Catches & broadcasts.
Tagline
Open a URL. Cast yourself up.
variants
Logo system
The mark in every form you need. Use the gradient version by default; switch to white, mono, or tile only when the surface demands it.
Gradient
Primary · dark surfaces
White
On brand color / photography
Mono dark
On light / print one-color
Tile
App icons / favicons
clearspace & sizing
Give it room to breathe
Always keep clearspace equal to the height of the crown arrow (x) on all sides. Never go below 24px in digital or 10mm in print.
xxxx
x = height of the crown arrow
Minimum sizes
16px
Favicon / inline
24px
Minimum digital
32px
Nav / headers
56px
App icon
96px
Hero / feature
do & don't
Protecting the mark
The mark is a single, fixed form. These rules keep it recognizable everywhere.
Do
Use on dark surfaces
Use on light surfaces
White on brand color
Don't
Don't stretch
Don't recolor
Don't rotate
Don't crop or enclose
Don't add drop shadow
Don't place on busy images
colors
The neon palette
Click any swatch to copy the hex. The three brand colors (Magenta, Violet, Cyan) always appear together as a gradient — they define the identity.
typography
Type system
Two open-source families, one monospaced default. All free on Google Fonts.
displaySora ↗
Cast yourself up.
800Extra Bold — headlines
700Bold — section titles
600Semibold — UI labels
bodyInter ↗
Inter is used for everything that isn't a heading — paragraphs, forms, buttons, navigation, and tabular content. Optimized for screens, with excellent legibility at small sizes.
400Regular — body copy
500Medium — emphasis
700Bold — inline strong
monospace · system default
$ npx create-castup-cast --screen TV-123downloads
Grab the assets
All SVG, infinitely scalable, optimized. Licensed for use by Castup partners, press, and integrations. Please don't modify the artwork.
Mark · gradient
Standalone glyph, brand gradient
castup-mark.svg
Mark · white
For dark or colored bg
castup-mark-white.svg
Mark · mono
One-color / print
castup-mark-mono.svg
Tile icon
Gradient tile (app icon)
castup-tile.svg
castup.io
Horizontal lockup
Mark + castup.io wordmark
castup-logo.svg
Favicon
32px tile favicon
favicon.svg
Apple touch icon
64px with glow
icon.svg
OG social card
1200×630 share card
og.svg
in the wild
Real-world mockups
The mark in context — every one of these represents an actual live or print surface it might appear on.
castup.io — Cast yourself up.×
🔒castup.io
Browser tab · favicon 16px
Castup
Notes
Mail
Photos
iOS home screen · app icon
Castup@castup
Open a URL. Cast yourself up.
💬 142🔁 1.2K♥ 8.4K
Social profile · avatar
castup.io
App splash · loading
Die-cut sticker · merch
castup.io
Pat Kornsiri
Founder · Castup
pat@castup.io · castup.io
Business card · front + back
press & partnerships
Need something custom?
Writing about Castup, integrating us, or designing co-branded surfaces? Email us and we'll send approved logos, lockups, and copy within a day.
press@castup.io
v1.0 · last updated 2026