Gay Run Club - Design Specification

Design Principles

1. Strava's Activity-First Layout

Event scheduling prioritizes date and time visibility. Brilliant orange accent creates energy and urgency, perfect for motivating group participation and active engagement.

2. Meetup's Community Focus

Social elements are prominent: attendee counts, group messages, and shared routes. Information architecture emphasizes connection and collective activity.

Logo

Color Palette

Midnight

#0F1419

Primary background, base layer

Dark Slate

#1A1F28

Cards, event containers

Border Grey

#2D3340

Borders, separators

Brilliant Orange

#FF6F00

Primary actions, dates, emphasis

Light Text

#E6E9EE

Headings, event titles

Medium Text

#8A9199

Body text, details

Active Green

#4CAF50

Confirmed attendance, active runs

Info Blue

#2196F3

Information, links, routes

Typography

Upcoming Runs

SF Mono, 700 weight, 2.5rem

Weekly Schedule

SF Mono, 600 weight, 2rem

Event scheduling requires instant comprehension of dates, times, and locations. Typography is optimized for scanning multiple events rapidly.

System UI, 400 weight, 1rem

SAT 7:00 AM

SF Mono, 400 weight, 0.95rem

UI Components

Action Buttons

15

OCT

Saturday Morning Run

7:00 AM - 8:30 AM

Trinity Bellwoods Park, Toronto

24 runners attending

Icon System

Runner

Schedule

Location

Group