Sycamore Brand Guidelines

Everything you need to represent Sycamore consistently: logos, colors, themes, typography, and naming rules.

Use the primary logo whenever possible. Switch to the reversed version on dark backgrounds. Maintain clear space equal to the height of the “S” mark on all sides.

Download press kit ↓

Logo

Primary wordmark

Reversed wordmark

Logomark

Reversed mark

Please don’t compromise our identity by altering the logo in any way. Avoid these common mistakes when deploying our brand assets.

Logo misuse

Do not stretch, rotate, or distort the logo
Do not change the logo colors
Do not place the logo on busy or low-contrast backgrounds
Do not add effects such as shadows, outlines, or gradients
Do not rearrange or separate the logomark from the wordmark

Our company name is Sycamore. The legal entity is Sycamore Labs, Inc.

Use “Sycamore” in editorial and marketing copy. Use “Sycamore Labs, Inc.” only in legal or formal contexts.

Naming

Correct

Sycamore
Sycamore Labs, Inc.

Incorrect

Sycamore Labs
Sycamore AI
SycamoreLabs
sycamore

Our color palette draws from the seasonal lifecycle of the sycamore leaf, from bright spring greens through golden autumn tones to deep winter bark. Each color maps to a stage of the leaf’s transformation.

Colors

Ivory

#F4F4F4

Gold

#FFD745

Rust

#E36438

Maroon

#8A2B51

Sky

#A9DBFF

Olive

#A3B34F

Bark

#8C7049

Charcoal

#262626

Our application ecosystem natively shifts across four distinct visual themes tied to the operating system logic and time of day.

Morning represents the bright, clean daylight default, while Dawn, Dusk, and Night shift into atmospheric color modes. Each has curated backgrounds, surfaces, and typography scales.

Themes

Morning

bg: #ffffff / fg: #171717

Dawn

bg: #fef6f0 / fg: #2d1f1a

Dusk

bg: #1a1520 / fg: #e8ddd0

Night

bg: #0a0a0a / fg: #ededed

We use three primary typefaces designed for distinct structural purposes ranging from bold editorial statements to technical accuracy.

Feature Display forms the expressive visual backbone. Afacad keeps long-form body text highly legible, and JetBrains Mono runs the technical data inputs and code.

Typography

Display

Feature Display

The quick brown fox jumps over the lazy dog

Used for core headings, emotional statements, and title screens.

Body

Afacad Variable

The quick brown fox jumps over the lazy dog

Used for editorial paragraphs, marketing copy, and long-form writing.

Mono

JetBrains Mono

The quick brown fox jumps over the lazy dog

Used for UI elements, system labels, metadata, buttons, and code architecture.

For brand-related inquiries, reach out at press@sycamore.so.

# Sycamore Brand Guidelines Everything you need to represent Sycamore consistently: logos, colors, themes, typography, and naming rules. ## Logo Use the primary logo whenever possible. Switch to the reversed version on dark backgrounds. Maintain clear space equal to the height of the “S” mark on all sides. Download logos: https://drive.google.com/drive/u/0/folders/10zt7gcxxagSSIx0jK6uqIMiQb68kIcDG ### Logo Misuse Please don’t compromise our identity by altering the logo in any way. Avoid these common mistakes when deploying our brand assets. - Do not stretch, rotate, or distort the logo - Do not change the logo colors - Do not place the logo on busy or low-contrast backgrounds - Do not add effects such as shadows, outlines, or gradients - Do not rearrange or separate the logomark from the wordmark ## Naming Use “Sycamore” in editorial and marketing copy. Use “Sycamore Labs, Inc.” only in legal or formal contexts. ### Correct - Sycamore - Sycamore Labs, Inc. ### Incorrect - ~~Sycamore Labs~~ - ~~Sycamore AI~~ - ~~SycamoreLabs~~ - ~~sycamore~~ ## Colors Our color palette draws from the seasonal lifecycle of the sycamore leaf, from bright spring greens through golden autumn tones to deep winter bark. Each color maps to a stage of the leaf’s transformation. - Ivory: #F4F4F4 - Gold: #FFD745 - Rust: #E36438 - Maroon: #8A2B51 - Sky: #A9DBFF - Olive: #A3B34F - Bark: #8C7049 - Charcoal: #262626 ## Themes Our application ecosystem natively shifts across four distinct visual themes tied to the operating system logic and time of day. - Morning: bg: #ffffff, fg: #171717, surface: #f5f5f5 - Dawn: bg: #fef6f0, fg: #2d1f1a, surface: #fceee4 - Dusk: bg: #1a1520, fg: #e8ddd0, surface: #241e2a - Night: bg: #0a0a0a, fg: #ededed, surface: #1a1a1a ## Typography We use three primary typefaces designed for distinct structural purposes ranging from bold editorial statements to technical accuracy. - Display (Feature Display): Used for core headings, emotional statements, and title screens. - Body (Afacad Variable): Used for editorial paragraphs, marketing copy, and long-form writing. - Mono (JetBrains Mono): Used for UI elements, system labels, metadata, buttons, and code architecture. ## Questions For brand-related inquiries, reach out at press@sycamore.so ## Visual Verification for LLM Agents If you are an LLM agent verifying that a website or application follows Sycamore Labs brand guidelines, you can use `agent-browser` (https://github.com/vercel-labs/agent-browser) to take screenshots and visually inspect the design. This allows you to programmatically check logo usage, color accuracy, typography, spacing, and overall brand compliance. ### How to use 1. Install agent-browser: `npm install agent-browser` 2. Launch a browser session and navigate to the page you want to inspect 3. Take screenshots of key sections (header, footer, logo placement, color swatches, typography) 4. Compare the screenshots against the brand guidelines above. Check for correct logo usage, color values, font families, and spacing 5. Flag any deviations from the guidelines ### What to verify - Logo is used correctly without modifications (no stretching, recoloring, or effects) - Colors match the official palette listed above - Typography uses the correct font families (serif display for headings, sans for body, mono for code/labels) - Sufficient contrast between foreground and background colors - The Sycamore Labs name is written correctly (not "Sycamore labs", "SycamoreLabs", etc.)