Home - Firsthand
Video · Light
Design System Inspiration
Firsthand — extracted via DESIGN.md
Other · Unknown
Typography
akzidGroCFFBolExFont
Heading
abcFavoriteRegularFont
Body
Color palette
TL;DR
Firsthand utilizes a monochrome foundation of pure white (#ffffff) and deep charcoals (#222222, #212529) to create a structured, career-focused environment. The system's primary energy is derived from an electric blue accent (#005dfe) used exclusively for high-priority interactive elements. Typography is the primary brand carrier, pairing the aggressive, wide-set **akzidGroCFFBolExFont** for display headlines with the highly legible **abcFavoriteRegularFont** for body content. Layouts are spacious with significant vertical rhythm, often utilizing 24px rounded panels to soften the otherwise rigid, professional grid.
Target audience
The site likely targets professionals or businesses seeking a modern, sophisticated, and user-friendly platform for information or services.
Full tech stack
Analytics
Brand Voice
Empowering, practical, and insider-focused, using direct language to bridge the gap between students and the professional world.
Positioning
Firsthand is a career engagement platform that connects students and job-seekers with experienced mentors and data-driven insights. It serves the tripartite ecosystem of career seekers, educational institutions, and employers to facilitate "real-world" career transitions.
Voice principles
- —Action-Oriented: Starts sentences with strong verbs like "Connect," "Find," "Attend," and "Get."
- —Authentic: Emphasizes "real people" and "firsthand" experiences over corporate jargon or polished marketing fluff.
- —Empathetic: Acknowledges the emotional journey of career hunting (e.g., moving from "yikes" to "psyched").
- —Relatable: Uses accessible language that positions mentors as people who "have been there and done that."
