FP36 | Sunfold | FIT=C | Startups & tech | 3D & WebGL
TECHNIQUES: scroll scrub pin hover focus 3d rotate front back filter reveal mask motion contact account font hero gsap lenis
BORN_HOOD_ADVICE: Animated 3D planet overkill for collection browsing.
DESIGN_SIGNATURE: 's colors] The design The idea: sunlight, shared, shown as a glowing planet of community power. Font: Familjen Grotesk, semibold and tightly tracked for huge headlines, italic for the key word. Colors: midnight #0B1426 for the night sky, solar yellow #FFD447 for the sun, buttons and highlights, sky blue #8FD3FF for the atmosphere, warm white #FFF8EA for paper sections, leaf green #5CC48D for meadow accents, dusk #13223D for panels. Build a live 3D globe: a dark ocean with faint latitude lines, continents drawn as a grid of small hexagonal dots generated from coastline outlines, a soft atmosphere glow that turns warm on the sunlit side, glowing project points with breathing rings, and thin arcs lifted off the surface with pulses of light running along them; show a simple glowing sphere if 3D is unavailable. Order: a hero where the planet rises from the bottom like a sunrise, a sun flare on its rim and a giant two-line headline above; three numbered steps on warm paper with small drawings and a utility bill; a pinned map where scrolling turns and zooms the globe to each region while a side panel swaps project lists, totals and a coordinate readout; a solar-yellow savings calculator; giant impact numbers and a field of household dots that light up as you scroll; a landowner site plan whose panel rows grow in; FAQ; a waitlist with the planet rising again; the name set huge in the footer. Motion: headline lines rise as the planet lifts into place and arcs draw themselves; numbers count up.
HTML_SURFACE: headings=Sunlight,shared.; Three steps. Zero panels on your roof.; 33 gardens. Six states. One sun.; What's 10% of your power bill?; Our impact so far; The neighborhood is getting brighter.; Your back forty, harvesting sun for 25 years.; What people ask us at the farmers market.; Gardens fill up. Get on the list for yours.; Sunfold contact and links | ids=n, globe, menu, main, top, hero-title, how, how-title, row, cells, projects, map-title, r0, r1, r2, r3, r4, savings, calc-title, calc, billOut, bill, iq, save, f20, fkw, fco, months, impact, imp-title, hhN, hhDots, land, land-title, plan | functions=setMenu, mapTick, stepTick, onScroll, calc, layoutDots, drawDots, intro, reveals, go, boot, sizeCheck, frame
ORIGINAL_PROMPT: prompt/sunfold.md (SHA256 eb103c8852da99443abbf7a1f0fe68b30ea15746dca119e621663cc35867ae8c)
EXAMPLE_SOURCE: example/sunfold.html (SHA256 2e4aa578bc4fe564209842b3172d6c8244d753efde5b6886e7bc9469f01cbe35)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\sunfold\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
