Tryhackme

STYLE OVERVIEW: This brand embodies Neumorphism and Modern Clean design styles. Soft, extruded UI elements with subtle shadows. Clean, professional aesthetic with a focus on usability and accessibility. COLOR SYSTEM: - Primary: #1153E4 (blue) - main brand color, primary buttons, important UI elements - Accent: #A3EA2A (neon green) - secondary buttons, highlights, interactive elements - Background: #F9F9FB (light gray) - main canvas, light mode background - Text: #151C2B (dark navy) - primary text, headings, and body copy TYPOGRAPHY: - Headings: Ubuntu, 54px for h1/h2, bold weight - Body: Source Sans Pro, 16px base size, 400 weight - UI Text: Source Sans Pro, 14px for buttons and labels COMPONENTS: - Buttons: 5px radius, solid fills, no shadows (Neumorphic style) - Inputs: Transparent with dark text, no borders or shadows - Cards: Subtle Neumorphic effect with soft shadows and background color VISUAL EFFECTS: - Soft, extruded shadows for interactive elements - Subtle hover effects with color transitions - Clean, minimal borders and spacing MOOD & AUDIENCE: Professional, approachable, educational. Targets cybersecurity learners and professionals seeking accessible, hands-on training. The design balances technical seriousness with an inviting, user-friendly interface.