36 lines
2.1 KiB
Markdown
36 lines
2.1 KiB
Markdown
# 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 `#F2922E` for 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`).
|
||
- **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)
|
||
1. Orange = highlighting ink — active data, underlines, primary CTA only. Never big blocks/generic icons.
|
||
2. Zero generic iconography (no FontAwesome/Heroicons). CSS-drawn precision marks / hardware photos only.
|
||
3. Ledger grid — everything snaps to 24px baseline; rulings align to body line-height.
|
||
4. Data as design — calculator is the centerpiece, not a popup. Large mono "stamped" totals.
|
||
5. 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.
|