craiyon logo

A dark, cosmic Starfleet 59th Anniversary logo featuring the delta shield emblem, a starship, planets, and golden celestial rings against a starry nebula background.

A dark, cosmic Starfleet 59th Anniversary logo featuring the delta shield emblem, a starship, planets, and golden celestial rings against a starry nebula background.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Starfleet 59th Anniversary: Logo Concepts</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Inter', sans-serif; background-color: #111827; /* Dark Blue-Gray */ } .card { background-color: #1F2937; /* Lighter Blue-Gray */ border: 1px solid #374151; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1); } .card-title { color: #60A5FA; /* Light Blue */ border-bottom: 1px solid #374151; } .placeholder-img { border: 2px dashed #4B5563; } </style> </head> <body class="text-gray-200 p-4 sm:p-6 md:p-8"> <div class="max-w-7xl mx-auto"> <!-- Header --> <header class="text-center mb-10"> <h1 class="text-3xl sm:text-4xl font-bold text-white">Starfleet Command</h1> <p class="text-lg sm:text-xl text-blue-300 mt-2">Design Brief: 59th Anniversary Commemorative Logo</p> </header> <!-- Main Content Grid --> <main class="grid grid-cols-1 lg:grid-cols-3 gap-8"> <!-- Concept 1: The 'Original Series' Retro --> <div class="card rounded-lg overflow-hidden"> <div See more