## 📘 Technical Specification: Traffic Magnates Company Directory
Project: Interactive directory for iGaming companies
Brand: Traffic Magnates
Format: Web interface / directory
Goal: Create a visually appealing, functional, and responsive directory with filtering by categories and verticals to attract partners and leads.
### 🔧 Main interface blocks
#### 1. Logo and branding
* Traffic Magnates logo in the top left corner
* Corporate colors (if none — purple, gray, white)
* Style: tech-minimal, without visual overload
#### 2. Filters (left panel)
* Category block — at the designer's discretion
* Vertical block — at the designer's discretion
* Selected filters — highlighted with color
* Ability to select multiple filters
#### 3. Company cards
* Card formats:
* Premium (banner): 600×160 px
* Standard: 280×160 px
* Small slot: 180×160 px
* Card elements:
* Logo
* Name
* Clickable (to open modal window or go to page)
* On hover — highlight and "More details" button
#### 4. Navigation
* Simple and intuitive UI/UX
* In the top right corner: username and flag icon (language switch in future)
* Vertical scrolling (support for lazy loading)
* Ability to log in (in future)
---
### 🎨 Design
* Format: Figma (with export to PDF)
* Grid: 12 columns
* Typography: easy-to-read, modern (e.g., Inter, SF Pro)
* Icons: flat-style, universal, preferably in black-and-white or industrial color scheme
---
### 🧠 Behavior
* Hover states for cards
* Modal window with extended information
* Responsiveness for desktop (possibly not implementing mobile version at start)
* Functionality to add a company via button ("+ Add company")
---
### 📈 Placement and logic
* Highlight:
* 1 slot — top-1 (Premium)
* 3 slots — secondary tops
* 6 standard slots
* Ability to pay for higher placement (indicated through color, border, icon)
---
### 📥 Additional
* Ability to deploy the project as WebView or iframe block on other platforms (Tilda, Notion, internal admin panel)
We can send a rough sketch of how it looks from our side