From f83338a793c5fd7895fffb78aaa1579b877df9d6 Mon Sep 17 00:00:00 2001 From: sirpiglr <49359077-sirpiglr@users.noreply.replit.com> Date: Sat, 6 Dec 2025 00:56:04 +0000 Subject: [PATCH] Update press kit with current brand information and logos Refactors the PressKit.tsx file to include updated logos, colors, and descriptions for all brand arms, including the new Nexus arm. Updates logo URLs and grid layouts to accommodate seven arms. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 9203795e-937a-4306-b81d-b4d5c78c240e Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 4552a51b-8e45-465b-a3e2-83fa58f79cd2 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7c94b7a0-29c7-4f2e-94ef-44b2153872b7/9203795e-937a-4306-b81d-b4d5c78c240e/AwHoHV2 Replit-Helium-Checkpoint-Created: true --- .replit | 2 +- client/pages/PressKit.tsx | 395 ++++++++++++++++++++++++++++++-------- 2 files changed, 317 insertions(+), 80 deletions(-) diff --git a/.replit b/.replit index 1a4489bf..9149db5c 100644 --- a/.replit +++ b/.replit @@ -53,7 +53,7 @@ localPort = 8044 externalPort = 3003 [[ports]] -localPort = 33301 +localPort = 37875 externalPort = 3002 [[ports]] diff --git a/client/pages/PressKit.tsx b/client/pages/PressKit.tsx index fd9a6ef3..12a2d928 100644 --- a/client/pages/PressKit.tsx +++ b/client/pages/PressKit.tsx @@ -1,5 +1,6 @@ import Layout from "@/components/Layout"; import { Badge } from "@/components/ui/badge"; +import { Button } from "@/components/ui/button"; import { Card, CardContent, @@ -7,134 +8,370 @@ import { CardHeader, CardTitle, } from "@/components/ui/card"; +import { Download, ExternalLink } from "lucide-react"; export default function PressKit() { const logos = [ { - label: "Logo (PNG, 512)", + label: "AeThex Logo (Primary)", + description: "Main wordmark for light/dark backgrounds", href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=webp&width=200", }, { - label: "Logo (PNG, 1200)", + label: "AeThex Logo (High Res)", + description: "1200px wide for print and large displays", href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=png&width=1200", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3979ec9a8a28471d900a80e94e2c45fe?format=webp&width=200", }, ]; - const colors = [ - { name: "AeThex Blue", hex: "#0a0aff" }, - { name: "Neon Blue", hex: "#2BC0FF" }, - { name: "Aethex Accent", hex: "#50C7FF" }, - { name: "Card BG", hex: "#0B0B12" }, + const armLogos = [ + { + label: "Staff", + color: "#7c3aed", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fc0414efd7af54ef4b821a05d469150d0?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fc0414efd7af54ef4b821a05d469150d0?format=webp&width=80", + }, + { + label: "Labs", + color: "#FBBF24", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fd93f7113d34347469e74421c3a3412e5?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fd93f7113d34347469e74421c3a3412e5?format=webp&width=80", + }, + { + label: "GameForge", + color: "#22C55E", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fcd3534c1caa0497abfd44224040c6059?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fcd3534c1caa0497abfd44224040c6059?format=webp&width=80", + }, + { + label: "Corp", + color: "#3B82F6", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3772073d5b4b49e688ed02480f4cae43?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F3772073d5b4b49e688ed02480f4cae43?format=webp&width=80", + }, + { + label: "Foundation", + color: "#EF4444", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fc02cb1bf5056479bbb3ea4bd91f0d472?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2Fc02cb1bf5056479bbb3ea4bd91f0d472?format=webp&width=80", + }, + { + label: "Dev-Link", + color: "#06B6D4", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F9a96b43cbd7b49bb9d5434580319c793?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F9a96b43cbd7b49bb9d5434580319c793?format=webp&width=80", + }, + { + label: "Nexus", + color: "#A855F7", + href: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F6df123b87a144b1fb99894d94198d97b?format=png&width=512", + preview: "https://cdn.builder.io/api/v1/image/assets%2Ffc53d607e21d497595ac97e0637001a1%2F6df123b87a144b1fb99894d94198d97b?format=webp&width=80", + }, + ]; + + const primaryColors = [ + { name: "AeThex Purple", hex: "#7C3AED", hsl: "250 100% 60%", usage: "Primary brand color" }, + { name: "Neon Blue", hex: "#60A5FA", hsl: "210 100% 70%", usage: "Accent highlights" }, + { name: "Neon Purple", hex: "#C084FC", hsl: "280 100% 70%", usage: "Gradient accents" }, + ]; + + const armColors = [ + { name: "Staff Purple", hex: "#7C3AED", usage: "Staff arm" }, + { name: "Labs Yellow", hex: "#FBBF24", usage: "Labs arm" }, + { name: "GameForge Green", hex: "#22C55E", usage: "GameForge arm" }, + { name: "Corp Blue", hex: "#3B82F6", usage: "Corp arm" }, + { name: "Foundation Red", hex: "#EF4444", usage: "Foundation arm" }, + { name: "Dev-Link Cyan", hex: "#06B6D4", usage: "Dev-Link arm" }, + { name: "Nexus Purple", hex: "#A855F7", usage: "Nexus arm" }, + ]; + + const backgrounds = [ + { name: "Deep Space", hex: "#030712", usage: "Primary background" }, + { name: "Card Dark", hex: "#0B0B12", usage: "Card backgrounds" }, + { name: "Border", hex: "#1E293B", usage: "Borders & dividers" }, + { name: "Muted Text", hex: "#94A3B8", usage: "Secondary text" }, ]; const typography = [ - { name: "Inter", usage: "UI / Body" }, - { name: "JetBrains Mono", usage: "Code / Numeric" }, + { name: "Inter", usage: "UI / Body / Headlines", weight: "400-700", style: "Clean, modern sans-serif" }, + { name: "JetBrains Mono", usage: "Code / Numeric / Technical", weight: "400-600", style: "Monospace for code" }, ]; + const companyInfo = { + name: "AeThex", + tagline: "Build the Future", + description: "AeThex is an advanced development platform and community for builders. We provide tools, mentorship, and resources for creators to bring their ideas to life through Labs, GameForge, Corp, Foundation, and Dev-Link.", + founded: "2024", + website: "https://aethex.dev", + domains: [ + { domain: "aethex.dev", purpose: "Main platform" }, + { domain: "aethex.foundation", purpose: "Identity & passports" }, + { domain: "*.aethex.me", purpose: "Creator passports" }, + { domain: "*.aethex.space", purpose: "Project passports" }, + ], + }; + return (
-
-
- Press Kit +
+
+ Press Kit

AeThex Brand Assets

-

- Download logos, view colors and typography, and read usage - guidelines. +

+ Official logos, colors, typography, and usage guidelines for press and media.

- Logos - Official wordmark and icon + About AeThex + Company overview for press use - - {logos.map((l) => ( - - {l.label} - - ))} + +
+
+

{companyInfo.name}

+

{companyInfo.description}

+
+

Tagline: {companyInfo.tagline}

+

Founded: {companyInfo.founded}

+
+
+
+

Official Domains

+
+ {companyInfo.domains.map((d) => ( +
+ {d.domain} + - {d.purpose} +
+ ))} +
+
+
- Colors - Primary palette + Primary Logo + Official AeThex wordmark - - {colors.map((c) => ( -
+ + + + + + + + Arm Logos + Individual logos for each AeThex arm + + +
+ {armLogos.map((arm) => ( + +
+ {arm.label} +
+
{arm.label}
+ + ))} +
+ + + + + + Primary Colors + Core brand palette + + +
+ {primaryColors.map((c) => (
-
{c.name}
-
{c.hex}
-
- ))} + key={c.hex} + className="rounded-lg border border-border/50 p-4 space-y-3" + > +
+
+
{c.name}
+
{c.usage}
+
+
+ {c.hex} + {c.hsl} +
+
+ ))} +
+ + + + + + Arm Colors + Color palette for each arm division + + +
+ {armColors.map((c) => ( +
+
+
{c.name}
+
{c.hex}
+
+ ))} +
+ + + + + + Background Colors + Dark theme palette + + +
+ {backgrounds.map((c) => ( +
+
+
{c.name}
+
{c.usage}
+
{c.hex}
+
+ ))} +
Typography - Recommended families + Recommended font families - - {typography.map((t) => ( -
-
{t.name}
-
{t.usage}
-
- ))} + +
+ {typography.map((t) => ( +
+
+ {t.name} +
+
{t.style}
+
+

Usage: {t.usage}

+

Weights: {t.weight}

+
+
+ ))} +
Usage Guidelines - Do's and Don'ts + Do's and Don'ts for brand usage - -
    -
  • Use official logos without modification or distortion.
    • -
  • - Maintain clear space around marks; avoid busy backgrounds. -
    • -
  • - Do not imply partnership or endorsement without written - approval. -
    • -
  • - Link to{" "} - - aethex.biz - {" "} - for official context. -
    • -
+ +
+
+

Do's

+
    +
  • Use official logos without modification or distortion
    • +
  • Maintain clear space around marks (minimum 20% of logo height)
    • +
  • Use on dark backgrounds for optimal visibility
    • +
  • Link to aethex.dev for official context
    • +
  • Use arm-specific colors when referencing individual divisions
    • +
+
+
+

Don'ts

+
    +
  • Do not stretch, rotate, or alter the logo proportions
    • +
  • Do not use on busy or conflicting backgrounds
    • +
  • Do not imply partnership or endorsement without written approval
    • +
  • Do not use outdated logos or assets
    • +
  • Do not recreate the logo with different fonts or colors
    • +
+
+
+ + + + + + Press Contact + For media inquiries + + +