Brand Guidelines
The Surya brand
A living reference for the visual language behind the work — the colors, type, and logo that keep everything feeling consistent, sharp, and unmistakably ours.
Logo
The mark
Surya
Symbol
The standalone glyph for avatars, favicons, and tight spaces.
Surya
Wordmark
Set in Inter Semibold with tight tracking for text-only contexts.
Surya
Lockup
Symbol and wordmark paired — the default for headers and footers.
Colors
Palette
Accent
rgb(190, 242, 100)
Background
rgb(9, 9, 11)
Text
rgb(255, 255, 255)
Surface
rgba(255,255,255,0.04)
Border
rgba(255,255,255,0.1)
Neutral text scale
Text Bright
rgb(228, 228, 231)
Text Body
rgb(212, 212, 216)
Text Muted
rgb(161, 161, 170)
Text Dim
rgb(113, 113, 122)
Text Faint
rgb(82, 82, 91)
Typography
Typeface & scale
Inter
A single typeface across the entire brand. Medium (500) anchors display and headings, Semibold (600) marks titles and labels, and Regular (400) carries body copy — always with tight tracking on larger sizes.
Regular 400
Medium 500
Semibold 600
Display
88 / 60 / 40px · Medium
Heading
44 / 36 / 28px · Medium
Card Title
19px · Semibold
Body
18px · Regular
Caption
14px · Regular
I help businesses rank higher, get discovered in AI-powered search, and grow through strategic digital marketing.