FP10 | Keel Construction | FIT=C | Local services | Swiss & grid
TECHNIQUES: scroll hover tap focus 3d rotate shop front back filter reveal motion font hero gsap lenis
BORN_HOOD_ADVICE: Construction-drawing build sequence irrelevant to apparel purchasing.
DESIGN_SIGNATURE: 's colors] The design The idea: a builder's construction drawing set, precise as a top design-build firm, on blueprint blue and grid paper, with construction yellow for whatever matters most. Fonts: Schibsted Grotesk, extra bold and tightly tracked, for huge headings and numerals; JetBrains Mono only for labels, sheet numbers and dimensions. Colors: blueprint blue #1F4FA8, construction yellow #FFC21A, concrete #E6E4DF, ink #111111, white #FFFFFF. Sections alternate blue paper with fine white grid lines, concrete or white grid paper and one solid yellow band, each numbered like a drawing sheet in a circled callout. Order: a menu with sheet numbers over each link; a hero framed as a drawing sheet with a zoned border and a title block; a numbered project index; five services with budgets per square foot and weeks on site; a schedule chart that re-times per project type; the track record with one giant percentage; the team as signature stamps; a ballpark estimator beside a site-visit form; a footer with the name huge in outline. Signature move: the hero holds still while an isometric house builds itself as you scroll, in real order: string lines, footings and foundation walls, joists and subfloor, studs and headers, rafters, then sheathing, windows and a yellow front door. Dimension lines draw on, numbered yellow callouts pop up and a giant phase number rolls from 00 to 05 beside keyed notes. In the index, the row nearest the middle of the screen, or the one hovered or tapped, draws its elevation line by line in a sticky panel. Details: hairline rules, rubber stamps, real prices.
HTML_SURFACE: headings=From thefooting up.; 212 projects since 2007. Here are the last ten.; Five kinds of work. One crew for all of it.; The sequence, week by week.; The numbers most builders keep in a drawer.; The people who sign the drawings.; Ballpark it now. Fixed price after drawings. | ids=n, nav, menu, main, top, h1, iso, projects, h-proj, ipanel, services, h-svc, process, h-proc, record, h-rec, team, h-team, estimate, h-est, eType, eSizeOut, eSize, eFin, efrm, fName, fPhone, fMail, fAddr, fType, fStart, fMsg, pc, pf, py | functions=mk, tw, f, toast, setMenu, navTheme, zb, zt, pt, ps, add, box, prismX, wall, P, sub, glass, behind, gl, gbox, ann, line, M3, L3, add3, txt, dim, datum, bubble, stampG
ORIGINAL_PROMPT: prompt/keel-construction.md (SHA256 e3bcab1c3b6643a215a865bd8d5174043f86b8459a7b60c64cde9659822b6742)
EXAMPLE_SOURCE: example/keel-construction.html (SHA256 78acd670916f0348017bbd9bc9b441d300396e721c89f1f96aad12908f964ce5)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\keel-construction\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
