Skip to content
AdamKaščák
Go back

Horn - A fully responsive and accessible website concept for a fictional boxing and fitness gym.

Desktop view of hero banner of Horn landing page depicting face on shot of boxer with dramatic lighting and a heading
Web Design
7/1/2025

This was one of the first projects I created. The goal was to create a one page website for a box gym in Nitra, Slovakia.

The main intention was to show the strength and discipline of a boxer.

Visual identity

The visual identity balances boldness with approachability — strong but not intimidating. Sections switch between white and black background, creating bold contrast while also leaving text readable. Red is used as an accent color.

Colors used inside Horn website: red, gray and black
Colors used inside Horn website: red, gray and black

The logo, depicting a stylized bull’s skull, is rounded and simplified to maintain a dynamic but friendly appearance.

Different versions of Horn website logo - bull's skull
Visual showcase of the Logo

Wireframing

Wireframing was done entirely in FIgma. The goal in this stage is to create layout.

Wireframe
Wireframe

Technical details

The project was designed in Figma and developed with HTML5, CSS, and JavaScript, with a strong focus on responsiveness, accessibility, and optimized performance.

Full page

The landing page includes the following sections: Home Banner | Equipment | Trainings | Prices | Instructors | Reviews | Gallery | Footer.

Full page
Full Page
Responsive design
Responsive design

Final words

Dolore incididunt et cupidatat tempor labore dolore nostrud ipsum veniam ipsum. Reprehenderit laborum magna ea id Lorem ut occaecat consectetur. Adipisicing veniam proident ex id sit sit deserunt nisi voluptate.

Most important is the path

Adipisicing veniam proident ex id sit sit deserunt nisi voluptate.