Skip to content

Latest commit

 

History

History
25 lines (19 loc) · 2.33 KB

File metadata and controls

25 lines (19 loc) · 2.33 KB

Design Context

Users

Developers and IT professionals preparing for GitHub certification exams. They use the site in focused study sessions — typically at a desk, on a laptop or desktop, often in the evening or between work tasks. They want to identify knowledge gaps and build exam confidence through realistic practice.

Secondary audience: community contributors who submit and review practice questions.

Brand Personality

Focused, trustworthy, encouraging.

The site is an honest study companion — not a cheat sheet, not a game. It respects the user's time and intelligence. The community-driven nature adds warmth, but the core experience should feel purposeful and professional. Think: the calm confidence of a well-organized study guide, not the flashiness of an ed-tech startup.

Aesthetic Direction

  • Visual tone: Clean and structured with warmth. Not clinical, not playful — somewhere between a refined developer tool and a well-designed textbook.
  • Theme: Dark mode primary. Developers studying at desks, often in low-light. Dark surfaces reduce eye strain during long sessions.
  • Color: Anchored in GitHub-adjacent blues — the brand already owns this space with #0974f1. Use deep navy surfaces with controlled blue accents. Warm the neutrals slightly toward blue to create cohesion. Green for correct, warm amber for incorrect — functional color that teaches.
  • References: Linear's focused task interface, Stripe's documentation clarity, Raycast's dark UI confidence.
  • Anti-references: Gamified ed-tech with confetti and streaks. Generic SaaS dashboards. Anything that looks like "AI made this" with cyan glows and gradient text.

Design Principles

  1. Clarity over decoration — Every element earns its place. No visual noise during focused study.
  2. Functional color — Color communicates meaning (correct/incorrect, progress, certification type). Never decorative-only.
  3. Confident restraint — Bold typography and generous space create authority. Avoid timid layouts that hedge.
  4. Community warmth — The contributor story is real and important. Let it breathe in the right moments (homepage, footers) without cluttering the study flow.
  5. Progressive depth — Simple on the surface, sophisticated underneath. The quiz UI looks minimal but reveals smart interactions as you use it.