Back to Hub

Design & Identity

A comprehensive design case study showcasing the visual identity, branding decisions, and user experience design for our Bachelor's thesis project.

Brand Overview

Our design approach focuses on creating a cohesive, modern, and user-centered experience that reflects the innovative nature of our Bachelor's thesis project.

Innovation

Cutting-edge design solutions that push boundaries and create memorable experiences.

User-Centered

Every design decision is made with the end user in mind, ensuring optimal usability.

Systematic

Consistent design systems that scale and maintain coherence across all touchpoints.

Color Palette

Brand Colors
Carefully selected colors that convey our brand personality and ensure accessibility

Primary Purple

#5636e3

RGB(86, 54, 227)

Accent Pink

#EC4899

RGB(236, 72, 153)

Secondary Cyan

#36d2e3

RGB(54, 210, 227)

Neutral Dark

#1F2937

RGB(31, 41, 55)

Typography

Type System

Inter - Primary Typeface

A modern, highly legible sans-serif font designed for user interfaces and digital experiences.

Light

300

Regular

400

Medium

500

Type Scale

Heading 1 - 36px

Heading 2 - 30px

Heading 3 - 24px

Heading 4 - 20px

Body Text - 16px

Small Text - 14px

Design System

Spacing & Layout

Grid System

Spacing Scale

4px - xs
8px - sm
16px - md
24px - lg
Component Library

Buttons

Badges

Default
Secondary
Outline

UI Elements

Interface Components

Navigation Elements

[Navigation component examples placeholder]

Form Elements

[Form component examples placeholder]

Mockups & Screenshots

Desktop Experience

Desktop mockup placeholder

Mobile Experience

Mobile mockup placeholder

Design Process & Tools

Workflow & Methodology

Design Tools

Figma - UI/UX Design
Adobe Creative Suite
Sketch - Wireframing

Process Steps

  1. 1Research & Discovery
  2. 2Wireframing & Prototyping
  3. 3Visual Design & Branding
  4. 4Testing & Iteration