APABA Colorado · iPad · Team Review

Wireframes — editorial direction

v0.1 · committed direction
Static · review only
Updated April 26, 2026

The Asian Pacific American Bar Association of Colorado at thirty-five — rendered as a static editorial site for team review. EB Garamond paired with Mona Sans on a cream paper foundation; a single italic vermilion phrase on every headline; a foundation gold for the 501(c)(3) work; one dark spotlight per page reserved for the Free Legal Clinic and the Foundation.

v0.1 · committed directionWhat's settled(across all pages)
  1. Type voice: EB Garamond serif, Mona Sans body, JetBrains Mono eyebrows
  2. Palette: Cream paper · ink-blue spotlights · vermilion + foundation gold accents
  3. Italic accent: exactly one phrase per headline, never two
  4. Hero: split layout — type left, environmental portrait right
  5. Density: editorial — 112px between major sections
  6. Voice on statements: signed by the Chapter President, never anonymous
  7. Foundation framing: separate 501(c)(3), gold accents, distinct dark surface
  8. Photography mode: documentary placeholders with shot notes (real photos pending)
Open for commentWhere reviewers should weigh in(open questions)
  1. Hero variant — the committed split, or photo-led / type-only alternates from the canvas?
  2. Stat headlines — do "35 / $420K / 180+ / 11" still read accurately for v0.1?
  3. Clinic language — "thirty-minute consultations" tone vs. a more functional summary?
  4. Foundation gold dosage — ink-deeper hero vs. paper-warm with gold accents only?
  5. Statements categorization — Public Policy / Civil Rights / Judicial / Memorial — anything missing?
  6. Membership tiers — $25 / $75 / $175 / $350 — match the intended ladder?
The system
Paper
#FAF6F0
Paper warm
#F4EEE2
Ink
#0F1D3A
Ink deeper
#0a1428
Vermilion
#C8553D
Vermilion deep
#a83f2b
Foundation gold
#C89B3C
Charcoal
#1A1A1A
The chapter
01Home
Split hero, the four-pillar mission, the statistics strip, the dark Free Legal Clinic spotlight, the Foundation callout, the rotating member spotlight, and the public statements roll-up.
/homeVermilion
02About
A six-card grid into Mission, the President's Message, the Board, Past Presidents, Committees, and Bylaws. Documentary photo per card.
/aboutVermilion
03Membership
Four-tier selector — Law Student, Newly Admitted, Attorney, Sustaining — with sign-up form and a member testimonial in paper-warm.
/membershipVermilion
The work
04Free Legal Clinic
Documentary hero, next-clinic countdown, the "what to bring" card, the three-step explainer, and the FAQ accordion. Two-step reservation modal triggered from the hero CTA.
/clinicVermilion
05Events
Year-in-events list — CLEs, banquets, mentor brunches, happy hours, and the Annual Banquet. Mono dates, vermilion category, serif title.
/eventsVermilion
06Public Statements
Archive list with date, category, signed title. Hover slides each row right. Statements are signed; the chapter does not publish anonymously.
/statementsVermilion
Detail & foundation
07Statement detail
Single-column reading view at 760px. Pull-quote with vermilion left-rule. Signed in italic Garamond as "Christine M. Yamamoto, Chapter President".
/statement-detailVermilion
08The APABA Foundation
Ink-deeper hero with gold italics. Stats strip, ways-to-give panel with preset donation amounts, and the 2025 grants ledger. Distinct surface from the chapter.
/foundationFoundation gold
+More to come
Sub-pages for Mission, President's Message, Board of Directors, Committees, and Bylaws are planned. Real documentary photography will replace gradient placeholders.
v0.2 candidatesBacklog