Tone of Voice

Color Palette

Core Colors

Primary Text#E8E8E8

Background#040506

Accent Blue#3F7EFC

Surface#1A1A1C

Main Second#A0A0A0

Accent Blue Dim#1E3A5F

Semantic Colors

Alert Red#FF453A

Border#262627

Heading Dim#6A6A6A

Foundationgradient

Text Opacity Scale

Aa

100%

Aa

72%

Aa

48%

Aa

40%

Aa

24%

Aa

20%

Typography

Font Families

PRIMARY — System Stack

-apple-system, BlinkMacSystemFont, Helvetica Neue

Used for all headings, body text, labels, and UI elements.

ACCENT — Exo

Exo 400 · 500

Used exclusively for casual, personality-driven asides —like this one.

MONO — Menlo

Menlo, Courier New

Used for Solari board digits, code, labels, and data.

Type Scale

HERO — clamp(44px, 8vw, 52px) / 700 / -0.025em / 1.0

we are soooo back

H1 — 39px / 800 / -0.02em / 1.15

Now, let’s talk about you

H2 — 24px / 700 / -0.01em / 1.2

Access Granted Limited Edition

H3 — 22px / 800 / -0.02em / 1.2

Get Telos cheatsheet

BODY — 16px / 400 / -0.01em / 1.32

You signed up for Telos Access a hell of a while back when this was just an idea—fyi y awesome. A lot has happened since then.

BODY SMALL — 13px / 400 / -0.01em / 1.45

Telos is built exclusively for students who walk the courtyards, work the labs, and pull those late-nighters.

LABEL — 8px / 500 / 0.08em / uppercase

Total Spots

CAPTION — 11px / 400 / 1.55

Limited Edition Foundation Membership

Voice & Tone

Two Registers

Telos writing alternates between two voices. The primary register is succinct, elegant, and high-conviction. The accent register (set in Exo) punctuates it with raw, casual, text-vibe asides that feel human and unfiltered.

Primary — Formal / Elegant

Telos is launched and now we’re nearing 100 signups at the most exclusive universities in the whole wide world.

Once we hit 500, the backdoor slams shut. After that, Telos expands one Ivy at a time—no public release anytime soon.

Accent Casual — Exo / Text-Vibe

a hell of a while back when this was just an idea—fyi y awesome.

Check out our new website—lowkey it’s fire.

(pssst, that’s y).

Inline Formatting Patterns

Within body text, key information is promoted to primary weight (500, #E8E8E8), while context or asides fade to muted (40%) or tertiary (48%).

So, you made it! You’re one of 217 granted access to our Limited Edition Foundation Membership. These spots are going fast. Check out our new website—lowkey it’s fire.

Spacing

4px Grid Scale

4px--space-1

8px--space-2

16px--space-4

24px--space-6

40px--space-10

48px--space-12

80px--space-20

Components

Cards

Default Card

background: rgba(255,255,255,0.04)
border: 1px solid #262627
radius: 16px · padding: 40px

Centered Card

Same surface, generous vertical padding (70px+), used for hero data displays.

Solari Board Digits

Small

5

0

Small — Alert

2

8

3

Large — Inverted

2

1

7

Step Badges

1

2

3

#3F7EFC circle, 22×22, Exo 11px/500

Dividers

Section divider — 48px width, #262627

Full-width divider — rgba(255,255,255,0.10)

Shadows

--shadow-card

0 15px 20px

--shadow-soft

0 2px 4px

--shadow-inset

inset 0 1px 0

Border Radii

3px

6px sm

8px md

12px lg

16px xl

25px 2xl

50% full

Brand Gradient

Foundation Series

Foundation Series Membership

135deg · #793CF2 0% → #DC3DC4 24% → #E89D82 47% → #F1E9E6 100%

Applied via background-clip: text with -webkit-text-stroke: 1px rgba(255,255,255,0.25)

Responsive

Mobile Breakpoint — 620px

Horizontal padding40px → 24px Hero titleclamp(44,8vw,52) → 38px floor Body text16px → 15px Footer text11px → 10px Flap cellsproportionally smaller (36×50, 26px font) Solari labels8px → 10px