Brand Identity
Archaeon
Visual identity system — logo, color, typography, and usage guidelines for consistent brand expression.
01
Logo
The Archaeon mark — a wire-frame A with a translucent ghost fill and a solid sky-blue accent. The outline uses an indigo-to-teal gradient.
Light background
Dark background
Size Scale
Minimum Size
20px — the smallest the mark should be rendered. Below this the wire detail is lost.
Clear Space
Maintain a minimum clear space equal to the blue accent square on all sides of the mark.
02
Color
A neutral foundation with three accent colors. The palette uses OKLCH for perceptual uniformity.
Core Palette
Foreground
#1a1a1a
Background
#ffffff
Muted
#7a7a7a
Border
#e8e8e8
Surface
#f5f5f5
Hero BG
#f2f2f2
Brand Accents
Indigo 600
#4F46E5
Indigo 400
#818CF8
Indigo 200
#C7D2FE
Teal 600
#0891B2
Teal 400
#22D3EE
Sky 500
#0EA5E9
Logo Gradient
03
Typography
Three typefaces — a geometric display face for headlines, a humanist sans for body, and a monospace for labels and code.
Display
--font-sora
Sora
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Body / UI
--font-geist-sans
Geist
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Mono / Labels
--font-geist-mono
Geist Mono
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()
Type Scale
04
Usage Guidelines
Rules for consistent and respectful use of the Archaeon identity.
Use the logo on white or near-black backgrounds
Maintain the clear space around the mark
Use the gradient as provided — indigo to teal
Pair the mark with the Archaeon wordmark in Geist Medium
Don't place the logo on busy or photographic backgrounds
Don't alter the gradient direction or swap colors
Don't stretch, rotate, or distort the mark
Don't use the mark below 20px
Don't add extra effects like outer shadows or bevels
05
UI Elements
Component-level patterns — border radii, shadow styles, section labels, and button treatments.
Border Radius
Shadow Scale
Section Labels
Buttons
© 2026 Archaeon Inc.