AI Instructions

This page is a complete brand reference for South Downtown Atlanta (SoDo Atlanta). It is designed to be read by AI coding tools.

Copy all CSS custom properties from the CSS Tokens section into your project's stylesheet.
Keep the @font-face src URLs as-is — they point to hosted font files on this server.
DO NOT use generic corporate aesthetics. This brand is industrial, bold, textured, and neighborhood-rooted.

For Humans: Copy This Prompt

When you start building any app, website, or tool for South Downtown, paste the following prompt into your AI tool (Lovable, Replit, Cursor, Claude, Google AI Studio, Codex, or whatever you're using) BEFORE you start building:

PROMPT TO COPY:

Read the South Downtown Atlanta brand style guide at https://styleguide.southdowntownatl.com/ before writing any code. This page contains the complete brand system.

Follow these rules:
1. DESIGN SYSTEM: Extract all colors, typography rules, spacing, and component definitions from the JSON block at the bottom of the style guide.
2. FONTS: The style guide provides font-face declarations to load Plaak 3, Plaak 6, Hercules, and Trade Gothic/Roboto Condensed directly from the site. USE THEM.
3. COLORS: NEVER invent hex colors. Only use the semantic or raw branded colors provided in the CSS tokens. (e.g. var(--sdt-friedmans-brick), not #a03528).
4. BRAND VOICE: Use an unhurried, civic voice. Use "we". Spell out "South Downtown" in full.
5. AESTHETICS: "Paint, don't print." No border radii (corners are sharp, radius: 0). No drop shadows, use solid offsets. Flat, architectural, and bold.

Read the guide thoroughly. It contains specific components like Tiles, Buttons, Forms, and Badges that you must replicate accurately.

VOICE TONE

Voice · Civic, unhurried, proud of history

It's Atlanta's
turn.

We are contributing to a bigger story — joining a revival a century in the making, and sustaining it for the next 100 years and beyond.

Do

+Spell out "South Downtown" in full.

+Use first-person plural — we, us, our.

+Refer to Atlanta by name, or as "the city".

+Keep numerals for metrics: 58 buildings, 16 acres.

Don't

−Personify Atlanta as "her" or "she".

−Lead with "SoDo" in primary copy.

−Use disrupt, innovate, game-changer.

−Replace South Downtown with a lone "S".

LOGOS PRIMARY

Primary · Left-aligned

On black

Primary · Centered

Centered · On black

LOGOS NOATL

No ATL · Left

No ATL · On Rich's Green

Centered · No ATL

Centered No ATL · On Brick

LOGOS HOTEL ROW

Gordon · 1.1

Scoville · 1.2

Sylvan · 1.3

Sylvan East

MARKS LEGACY S

01 · Kress

02 · Boots

03 · Butler's

04 · Rich's

01 · Circle

02 · Circle

03 · Circle

04 · Circle

COLORS PRIMARY

Day's Yellow #F4AD33PMS 123 C

Rich's Green #263835PMS 560 C

SDT Black #26262BPMS 446 C

SDT White #FFFFFF—

COLORS SECONDARY

Rich's Green#263835

Friedman's Brick#A03528

Vintage Mint#C6D3C6

New Grounds#42210A

Grape Preserves#4C262B

Rich's Orange#F27F30

Murmur#E23849

Miller's Blue#1E3F54

COLORS TERTIARY

Sidewalk#666666

Day's Yellow#F4AD33

Foundation#DDB2A5

Hotel Row#DBCCBC

Green Space#BFDDAF

Kress White#DDE2E2

COLORS SEMANTIC

bgPaper white field#FFFFFF

bg-paperCool editorial backdrop#DDE2E2

bg-inverseDark surface#26262B

fgPrimary text#26262B

fg-mutedSecondary / footnote text#666666

fg-accentAccent / link text#A03528

rule1px hairline rule#26262B

TYPE DISPLAY

Plaak 3 Pradel Bold · Display

South
Downtown

88/79 · tracking -0.005em · leading -3pt rule

TYPE SCALE

H1 DisplayAtlanta's next chapterPlaak 3 · 44

H2 HeadlineHeadlines and bold copy momentsPlaak 3 · 28

H3 SubheadSubheads + Section HeadersPlaak 6 · 15

BodyIntroductory paragraphs set in Trade Gothic Next LT Pro — the utilitarian voice of the system.Trade Gothic · 14

FootnoteUpdated Mar 04, 2024Plaak 6 · 10

TYPE SERIF

Hercules Italic · Editorial Lede

We are contributing to a bigger story — reviving a vacant area that thrived for 100 years and will sustain her success for the next 100 and beyond.

Hercules 22/30 · italic · only for introductory paragraphs

TYPE UTILITY

Plaak 6 · All-Caps Utility · Extended Kerning

It's Atlanta's Turn Section Header · Heavy Footnote description · regular weight, looser tracking

SPACING RULES

Spacing scale · 8pt with half-step

space-14 px

space-28 px

space-312 px

space-416 px

space-524 px

space-632 px

space-748 px

space-864 px

space-996 px

Rules

Hair · 1

1 px

Thin · 1.5

1.5 px

Med · 2

2 px

Thick · 4

4 px

Radii — sharp by default

PILL

COMPONENTS BUTTONS

Primary · Ghost · Accent

Color variants

Sizes & stacked-paper depth

COMPONENTS CARDS

Editorial tiles · flat color, sharp corners, hairline rule

01 / Mitchell St

Historic Hotel Row reopens

Three connected buildings — Gordon, Sylvan, Scoville — return as a 100-room boutique hotel and ground-floor retail.

Opening 2026Read →

02 / Tenants

Spiller Park pours its first cup

Atlanta's beloved third-wave roaster takes the corner at 222 Mitchell. Open daily, 7am–4pm.

Now OpenVisit →

03 / Photography

222 Mitchell, before

Documentary photography of the buildings — pre-restoration. The skyline still standing.

04 / Events

Block-party season

Painted murals, food, music in the street. Always free, always walkable.

April – OctoberCalendar →

COMPONENTS BADGES

COMPONENTS FORMS

Lease inquiry form · sharp inputs

First name

Last name

We'll only reach out about openings on Mitchell St.

Tell us about your business

Add me to the South Downtown newsletter.

PATTERNS

Original scans · paint-don't-print source library

PHOTOGRAPHY

Spiller Park · Bar

Pour

Detail

Pastry

Toast · Tomato

Cup