> Cogitating_
> Cogitating_
Official logos, colour tokens, and typography for ApexDevs. Use these when designing partner material, embedding the logo on a third-party site, or producing co-branded content.
The full logo kit (light, dark, monogram, vertical, and square variants) lives on OneDrive. Always use the most recent versions from the link below — please do not redraw, recolour, or stretch the logo.
ApexDevs logo kit on OneDrive
PNG · SVG · transparent · light & dark variants
Each token has the same name across both themes — the platform swaps the values when the user toggles theme. Reach for tokens (--color-*) in code, never raw hex.
--color-neon
#00b5a4
Primary brand · CTAs, highlights, focus rings
--color-purple
#007a6e
Deep accent · gradient pair, secondary buttons
--color-apex-bg
#001e2e
Page background
--color-apex-surface
#002638
Cards, navbars, modals
--color-apex-surface-2
#003348
Elevated surfaces, hover states
--color-apex-text
#f0fafa
Body text
--color-apex-muted
#5a8898
Secondary text, captions, borders
--color-neon
#007a6e
Primary brand · CTAs, highlights, focus rings
--color-purple
#005a52
Deep accent · gradient pair, secondary buttons
--color-apex-bg
#ffffff
Page background
--color-apex-surface
#f4fafa
Cards, navbars, modals
--color-apex-surface-2
#e2f0ee
Elevated surfaces, hover states
--color-apex-text
#002b3d
Body text
--color-apex-muted
#4a7080
Secondary text, captions, borders
All three families are loaded from Google Fonts via Next.js’ next/font. Variables are defined globally and exposed to Tailwind as font-heading, font-sans, and font-mono.
Headings
The quick brown fox jumps
--font-space-groteskWeights: 300 · 400 · 500 · 600 · 700Body / UI
The quick brown fox jumps over the lazy dog
--font-interWeights: 300 · 400 · 500 · 600 · 700Monospace · code, kickers
// developer_internship_platform
--font-jetbrainsWeights: 400 · 500 · 600 · 700Need brand assets that aren’t listed here? Email hello@apexdevs.io.