2.1 KiB
Arizona Computer Guru — Website Showcase
Single-page, hand-built static site (HTML/CSS/vanilla JS). A local "what we can do" showcase.
Art direction: SONORAN LEDGER
Chosen by Grok+Gemini design panel (both ranked #1), confirmed by Mike (human review 2026-06-14). Concept: a trusted local bookkeeper's ledger for the web. Pricing, the calculator, and the concierge story are treated as a permanent, transparent record — the design embodiment of "honest numbers, no games." Warm paper, precise rules, mono numerals.
Design system (locked)
- Light: paper
#F7F3EB, surface#EDE6D9, ink#2A2521, ink-2#5A5148. - Dark: paper
#1C1814, surface#2A2520, ink#E8DFCE, ink-2#C4B8A3. - Accent (the "ink"): amber
#F2922Efor marks/underlines/button fill (dark text on it).- Orange-on-cream TEXT fails AA at the bright value → orange text/links on light use
#BD5A00. - On dark, accent text uses
#F2A24E(passes AA on#1C1814).
- Orange-on-cream TEXT fails AA at the bright value → orange text/links on light use
- Type: Barlow Condensed (600–700) display + "since 2001" lockup; Lexend body; JetBrains Mono for ALL prices, calculator output, endpoint counts.
- Baseline: strict 24px vertical rhythm. Faint ledger rulings align to Lexend line-height.
- Radius: 0–2px only. Sharp = precise/manual.
Anti-slop rules (Gemini, non-negotiable)
- Orange = highlighting ink — active data, underlines, primary CTA only. Never big blocks/generic icons.
- Zero generic iconography (no FontAwesome/Heroicons). CSS-drawn precision marks / hardware photos only.
- Ledger grid — everything snaps to 24px baseline; rulings align to body line-height.
- Data as design — calculator is the centerpiece, not a popup. Large mono "stamped" totals.
- No over-smoothed radius — sharp corners.
Pipeline
Grok (imagery + direction input) → Gemini (design weight) → human pick → build → multi-AI design+code review → human-touch review → publish locally.
Content integrity
No fabricated named testimonials (prior site flagged this as a launch blocker). Proof is built on verifiable facts; any testimonial slot is clearly marked representative.