# United Legal review V3 — design decisions (comp stage) Prepared October 12, 2026 by Claude. This is the design-comp stage: the pages are built as real HTML so the screenshots in `docs/comps/` show actual rendering, not mockups. Spanish and Persian homepage versions, the full verification pass, and the legal re-check follow once the direction is approved. Nothing has been published or uploaded; nothing on these pages sends data anywhere. ## What was kept from the firm's identity - Palette and type exactly as measured from the live Elementor kit and the original Claude concepts: navy `#0C1D55`, yellow `#F9E900`, blue `#0072C7`, sky `#CCE1F6`, panel `#EBF2F7`; Barlow Condensed for display, Montserrat for text, Vazirmatn for Persian. - The existing site shell: yellow 36 px contact strip, white header with the navy logomark and rounded lower corners, 32 px navy panels, 99 px yellow pill buttons, 1400 px content width. - Existing media only: the developer's animated office (`brand/United-Legal.mp4`), the firm's seven coordinated practice animations from the WordPress media library, the studio portraits and group photograph, the folded-shield logo, the original California tow-truck artwork, and the approved `Texas Truck Lemon 2.png`. No stock illustration, no courthouse, no books. - The footer is the existing one: disclaimer and non-affiliation sentence, BBB seal with its profile link, the four social circles, the yellow WhatsApp / SMS / email / phone circles, navy box, yellow policy bar. Navigation was expanded to a four-column layout (disclaimer · practice areas · quick links · contact) so the existing Chapter 7 / Chapter 13 / foreclosure / harassment / credit pages are still linked. ## Homepage **Hero.** The developer's office animation is the full-width backdrop, turned into a navy duotone so white and yellow type is readable on every frame, with the three animated figures left visible between the headline and the card. The developer's lead form is replaced by the actual Quick Check (one question at a time, result before contact details) on an OpenGlass liquid-glass surface, so the office is softly visible through it. A pause control sits at the bottom centre; reduced-motion users get the poster frame. **Headline: "The other side has a legal department. Meet yours."** Every practice on the page is a person against an institution with counsel (a manufacturer, a lender, a collector, a telemarketer, a credit bureau, an employer), and the firm's own name is "Advocates". The line says that in one breath and the attorney section fulfils "meet yours". The lede states the verifiable facts first: an Irvine, California firm; see your next step before sharing a contact detail. Proof chips: the BBB mark (real asset), California + Texas Lemon Law, English · Español · فارسی. **Practice board, not a directory.** Seven practices on a 12-column board with real hierarchy: Lemon Law featured in navy (7 columns), Bankruptcy & Debt Relief on the sky panel (5), the four consumer-protection practices on white (4 each), Debt Collection and Estate Planning (6 each). Each card carries the firm's own animated icon (plays once when scrolled into view, replays on hover or focus), a plain-language "sounds like this?" line, two or three concrete chips, and one specific action that opens the Quick Check with that situation already chosen. One tint family coordinates the cards; yellow is reserved for actions. **Lemon Law → state, everywhere.** The Lemon Law card's action reveals "Which state is the vehicle connected to?" with California and Texas only after the click. The header menu lists Lemon Law as a disclosure that opens to the two states on click (mobile too). The footer's Lemon Law link and every other Lemon Law entry go to the chooser page (`lemon-law-en.html`). The homepage Quick Check asks the state as its second question. No state link ever sits beside a Lemon Law entry. **Middle sections with a job to do.** 1. *How a review works* uses the settled line "No pressure. Clear answers. A plan forward." as its title, the firm's existing step icons, and the settled third-step copy (generalised from "the manufacturer" to "the other side" on the homepage; the state pages keep the exact wording). Beside it is an honest example of what a result contains, so "result before contact details" is shown rather than claimed. 2. *Who reviews your matter* uses the real group photograph and the three published portraits with the titles, admissions and education the firm's own attorney page states. Daniel C. Gavilanes's schools are omitted because the source page lists Nima Asadi's degrees under his name; that conflict is flagged for the firm, not shown to visitors. 3. *Firm facts* states the office, the admissions (all three in California; Parisa Fishback also Texas, 2025), the languages the firm itself claims, and the BBB accreditation. 4. *Published client reviews* reuses three reviews from the firm's own site, labelled as debt-relief reviews so bankruptcy proof is not presented as proof for other practices. 5. *Closing* offers the three real routes: Quick Check, Case Chat, call. **Quick Check and Case Chat are separate.** Quick Check is the card. Case Chat is a transcript-style conversation that opens from a floating launcher, shares the visitor's answers with the card, and is labelled "Guided questions · Not live chat". Neither sends anything. The launcher is a navy pill with a yellow speech mark on the homepage and the chooser page; the recognisable hopping lemon appears only on the California and Texas pages, with a pause control. The launcher moves to the opposite corner when it would cover a Quick Check card and lifts above any button row it would otherwise sit on; on phones it collapses to an icon. ## Lemon Law chooser page Every "Lemon Law" link lands here. The two states are presented as two artwork cards with three state-specific facts each (civil Song-Beverly claim vs. the TxDMV administrative process; the 18 month / 18,000 mile presumption window vs. the 24 month / 24,000 mile timing and six-month complaint deadline; the different used-vehicle positions), followed by guidance for visitors who are unsure and a closing choice. Case Chat on this page asks one question (which state?) and opens that page. ## California and Texas pages The established pages are preserved: artwork, copy refinements, six symptom cards, steps, outcomes, FAQ, screening questions, answers, logic, results and disclosures are byte-for-byte from the prior source. Changes: the shared practice navigation (Lemon Law → state, current state marked), the shared footer, the review-bar state picker removed in favour of a small "Texas vehicle? Go to the Texas page" cross-link under the eyebrow, and the OpenGlass surface on the qualifier card. ## Liquid Glass **OpenGlass UI, npm `open-glass-ui` 0.4.0 (MIT)**, bundled with React 18.3.1 by esbuild into `vendor/united-glass.js` + `vendor/united-glass.css` (entry: `vendor/united-glass-entry.jsx`). `glass.js` mounts `` + `` around the Quick Check cards; every question, answer, result and control stays ordinary DOM. The CSS renderer is used on purpose (no SVG/WebGL refraction), which is the restrained treatment the brief asks for. Fallbacks: forced colours and reduced transparency skip the mount; without the library the card keeps its original translucent style; without `backdrop-filter` it becomes a solid navy tint. The page records which path ran in `html[data-glass]`. ## Motion budget Hero video (pause control, poster under reduced motion); practice icons once on entry and on intent; Quick Check step transitions; the lemon's gentle hop on lemon pages only; the existing beacon/smoke effects on the state-page artwork. No per-section fade-ups, no marquee, no parallax. ## After approval: what changed in the full build Spanish and Persian homepage and chooser pages (bilingual translation plus a separate editor pass, structure-validated against English); the preserved Spanish state pages normalised to the usted register; the launcher logic refined so it never covers a control (lifts above button rows, collapses to its mascot, and on the homepage hides itself while it would cover hero text, with an inline Case Chat link in the card); homepage Quick Check progress carried across the language pages; reduced-motion posters regenerated from the brand-coloured animations; the legal corrections listed in `CHANGE-SUMMARY.md` applied after the current-source re-check in `LEGAL-RECHECK-2026-10-12.md`. ## Items for the firm / attorney review (not shown to visitors) The full list with authorities is memo §6 of `LEGAL-RECHECK-2026-10-12.md`. Highlights: - Daniel C. Gavilanes: the firm's attorney page lists Whittier Law School (J.D. 2015) and Cal State Fullerton (B.A. 2012) under his name, which match Nima Asadi's entry and conflict with his 2008 admission. Confirm his education before it is published. - Which attorneys handle Lemon Law, employment, TCPA, FCRA, FDCPA and estate matters: the published biographies are bankruptcy-focused. The page avoids claiming practice-specific experience. - Languages: the firm's page says the team is fluent in English, Spanish and Persian; only Parisa Fishback's Farsi is stated individually. The page says "serves clients in" and asks visitors to confirm language assistance. - Testimonials: the three reviews come from unitedlegal.com; confirm permission and California Rule 7.1 substantiation before publication. - The state pages' phone numbers ((877) 717-1727 California, (855) 600-4888 Texas) are preserved from the source and still need confirmation of routing.