Brand Guidelines

The visual language and assets of Atria Summer of Code. We combine retro-futuristic aesthetics with modern brutalist design.

The Vision

ASoC branding is built on the concept of Open Technicality. We embrace the textures of paper, the sharpness of the CLI, and the energy of a summer mission. Our design system is intentionally low-fidelity in texture but high-fidelity in execution.

Color Palette

Surface

Surface

The foundation of our brand. A warm paper-like off-white that reduces eye strain and provides a premium risograph feel.

#fdfbf7
Ink

Ink

Our primary text and contrast color. Not pure black, but a deep navy-gray that maintains readability across all surfaces.

#0f172a
Primary

Primary

Our signature Indigo. Used for primary actions, branding highlights, and core interactive elements.

#4f46e5
Secondary

Secondary

Blaze Orange. High-energy accent color used for punchy details, secondary highlights, and breaking the 'clean' look.

#ff4500
Accent

Accent

Violet. A secondary branding color used for specialized elements and to add depth to our gradients.

#7c3aed

Typography

Space Grotesk

Primary Headline Font

A geometric sans-serif with idiosyncratic details. Used for all major headings and primary UI labels.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Space Mono

Data & Technical Font

A monospace font that reinforces our 'Mission Terminal' aesthetic. Used for metadata and technical details.

const build = () => { success: true };

Meow Script

Expressive Callouts

Adds a touch of human handwriting to our brutalist digital space. Used sparingly for contrast.

Summer of Code

JetBrains Mono

Code & Tags

Used for actual code blocks and specific branding elements like 'of <CODE>'.

import { Atria } from 'opensource';

Logo Variations

Atria Summer of Code Logo
VR-01 // LIGHT

Main Logo (Light)

Use: Main landing, posters, light surfaces.

Atria Summer of Code Logo
VR-01 // DARK

Main Logo (Dark)

Use: Dark surfaces, social media, backgrounds.

Wordmark Variations

Main Wordmark

Atria
Summer
of <CODE>

WM-01 // LIGHT

Light Background

Atria
Summer
of <CODE>

WM-01 // DARK

Dark Background

Atria
Summer
of <CODE>

WM-01 // LIGHT

Light Background

Atria
Summer
of <CODE>

WM-01 // DARK

Dark Background

Use: Posters, hero sections, primary branding

Compact Wordmark

ASoC
WM-02 // LIGHT

Light Background

ASoC
WM-02 // DARK

Dark Background

ASoC
WM-02 // LIGHT

Dark Background

ASoC
WM-02 // DARK

Dark Background

Use: Navbar, avatars, tight spaces

Ready to Build?

Download the complete asset package containing logos, type samples, and a design token JSON.