MyCivic Citizen Application — Design Review v1
Platform · mycivic.app Scope · Citizen mobile flow (v1 reference) April 2026
Sans · Geist Serif · Fraunces Mono · Geist Mono Palette · warm paper / ink / rust

A single entry point that takes a photograph, a map pin, and a short description. Everything else the citizen has to do is nothing. The platform routes in under a second, tracks every stage, and closes with the same kind of photograph it started with.

Submission gate. Three inputs required to submit: photograph, map pin, short description. Missing any one, the submit button stays off.
Contact is optional. Follow-up via email, SMS, or account. Anonymous reports are routed and resolved the same way but receive nothing back.
Persistent bottom bar. Report, My Reports, Polls, Events, Profile. The last two ship later, rendered as disabled nav placeholders for now.
Brand continuity. Same palette, typography, and editorial voice as the marketing site. The app is not a separate product.
§ 01

Citizen Mobile · 8-screen flow

iPhone 14-class device · iOS-style status + home indicator
9:415G
MyCivic City of Skopje
Pilot · Skopje · Centar

See something
in your city?
Report it.

Photo, pin, one line. We route it to the right department in under a second.

or continue as guest (anonymous)
Nearby · last 24h See map
Pothole on Ilindenska
Streets & Roads · resolved
2h ago
Broken streetlight
Public Lighting · in progress
5h ago
Blocked storm drain
Water & Sewerage · auto-routed
8h ago
Report
Reports
Polls
Events
Profile
9:415G
Step 1 of 3 · Photo ⚡︎
Take a photo of the issue. Keep the subject centred.
Report
Reports
Polls
Events
Profile
9:415G
Step 2 of 3 · Location
Dropped pin Ilindenska 78, Centar 41.99614°N · 21.43169°E · ±6m
Report
Reports
Polls
Events
Profile
9:415G
Step 3 of 3 · Describe
Ilindenska 78, Centar Photo captured · pin dropped
EDIT
What's the issue? One or two lines. The field team will see this.
Category
Roads & Potholes
Water & Sewerage
Street Lighting
Parks & Green
Waste & Rubbish
Vandalism
Report
Reports
Polls
Events
Profile
9:415G
Review & submit
Photo
Location
Ilindenska 78, Centar
41.9961°N, 21.4317°E
Category
Roads & Potholes
Issue
"Large pothole in the left lane, 40cm wide. Dangerous for cyclists."
Follow-up · pick one
Email me updates
You'll receive routing, assignment, and resolution notices with the closure photo.
SMS me updates
Same notifications over text message.
Submit anonymously
Routed and resolved the same way. No follow-up possible.
Report
Reports
Polls
Events
Profile
9:415G
Received
Submitted & routed
Report
received.
Reference number MYC-00111 14 Apr 2026 · 09:41:04
Routed to auto · 0.7s
Water & Sewerage Services
Centar Municipality · Skopje
Estimated response
48 hours
SLA deadline
16 Apr 2026

We'll send you the closure photograph the moment the work is signed off.

Report another issue
Report
Reports
Polls
Events
Profile
9:415G
MyCivic My account

Your reports

Tracking the ones you filed. Sorted newest first.

All 12
Open 4
Resolved 7
Escalated 1
MYC-00111 Pending
Large pothole on Ilindenska 78
Just nowCentarRoads & Potholes
MYC-00108 In progress
Damaged sidewalk in Saraj
1d agoSarajStreets & Roads
MYC-00104 Resolved
Blocked storm drain at 11 Oktomvri
3d agoCentarWater & Sewerage
MYC-00097 Escalated
Graffiti on Stara Čaršija façade
7d agoCentarVandalism
+
Report
Reports
Polls
Events
Profile
9:415G
Report detail
MYC-00108 In progress

Damaged sidewalk in Saraj, north-bound lane

Submitted 12 Apr 2026, 14:22 · Priority · Medium
BEFORE
AFTER
(pending)
Report submitted
Photo, pin, and description received
12 Apr
14:22
Auto-routed
PE Streets & Roads · Saraj
12 Apr
14:22
Work order assigned
Crew 3B · priority medium
12 Apr
16:08
Field work
In progress, SLA 3 Mar
Ongoing
Verified closure
Pending geo-tagged completion photo
Citizen notified
We'll email you the closure photo
Report
Reports
Polls
Events
Profile
§ 02

Design system · colors & type

shared across app, web, and marketing

Palette

Paper
#ECE5D3
Paper high
#F2ECDB
Ink
#15140D
Ink mid
#48443A
Rust (accent)
#B23719
Stage · Done
#3A5D3D
Stage · Open
#B38B3A
Stage · Auto
#5C6E87

Warm paper background as default; rust reserved for primary actions and brand accents. State colors are muted to read as data, not decoration.

Typography

Display · Fraunces · brand moments
Report received.
Body · Geist · everything else
Photo, pin, one line. We route it to the right department in under a second.
Mono · Geist Mono · data and labels
MYC-00111 · 14 APR 2026 · 09:41:04 · 48H SLA · AUTO-ROUTED

Fraunces is used sparingly — headlines, receipt numbers, brand moments. Geist carries the UI. Geist Mono makes data legible as data.

§ 03

What this draft does not cover yet

Operator triage view. Dense queue interface used by municipal triage operators. Needs its own mockup pass because density and filter ergonomics matter most here.
Field crew interface. Mobile-first view for the crew on site, with the closure-photo capture as the central moment. Mirrors the citizen submission, but captures the after photograph.
Polls and Events modules. Tab placeholders are in place, but the underlying screens (municipal polls, nearby civic events) are not designed. Useful second pass once the reporting flow is agreed.
Anonymous rate-limit prompt. The 2-3/day and 5/week anti-abuse limits need UI for the edge case: when a device hits the limit, what does the citizen see? Polite refusal + suggestion to create an account.
Multilingual. The PoC mixes Macedonian and Albanian. This draft is English only. Will need a sane locale-switch mechanism and per-locale typographic tuning.