Damn Good Brands

# Bold Typography Portfolio Landing Page

Create a full-screen landing page with a black background featuring large, bold typography as the primary design element. The layout should have a sophisticated, edgy aesthetic with decorative 3D elements positioned around the main text.

## Layout Structure

Build a full-viewport layout with a centered content area. Position a top navigation bar with evenly spaced menu items. The main content area should center the large typography both horizontally and vertically. Add decorative elements positioned absolutely around the main text area.

## Color Palette

- Primary background: #000000 (pure black)
- Text color: #FFFFFF (pure white)  
- Navigation text: #FFFFFF with subtle opacity variations for inactive states
- Accent colors for decorative elements: maintain their original vibrant colors (red dice, orange flames, etc.)

## Typography System

Use an ultra-bold, condensed sans-serif font family for the main heading. The primary text should be displayed in two lines with massive font sizes - approximately 120-140px on desktop. Ensure the font weight is 900 or Black for maximum impact. The letterforms should be tightly spaced with minimal letter-spacing.

For navigation and smaller text elements, use a clean, modern sans-serif at much smaller sizes (14-16px) with normal font weight.

## Navigation Bar

Create a horizontal navigation bar fixed to the top with items: "DASHBOARD", "ABOUT", a centered logo mark, "HYPEBOARD", and "LET'S WORK". Style with uppercase text, adequate spacing between items, and subtle hover effects.

## Decorative 3D Elements

Position several 3D rendered objects around the main typography:
- A peace sign hand gesture (brown/tan color) positioned to the upper left
- Red dice with white dots positioned to the lower left  
- A fierce panther or cat head with glowing orange flame eyes positioned to the upper right
- A small airplane silhouette positioned to the lower right

These elements should appear to float around the text and maintain their realistic 3D rendering quality.

## Corner Information Panels

Add small text blocks in the corners containing metadata:
- Top left: Time and weather information
- Top right: Visibility and wind speed data
- Bottom left: Action prompt text
- Bottom right: Location and attribution information

Style these with small, uppercase text in a monospace or simple sans-serif font.

## Responsive Behavior

On mobile devices, scale down the main typography proportionally while maintaining the bold impact. Stack or reposition the decorative 3D elements to avoid overcrowding. Ensure the navigation converts to a mobile-friendly format, potentially with a hamburger menu.

The design should maintain its dramatic, high-contrast aesthetic across all screen sizes while ensuring readability and visual hierarchy.

Copy this prompt and paste it into your AI coding assistant to build this design.