FP43 | Fern & Fig | FIT=C | Shops & brands | Organic & natural
TECHNIQUES: scroll pin hover focus rotate card shop front back filter mask motion contact font hero gsap lenis
BORN_HOOD_ADVICE: Botanical quiz and plant-growing visuals irrelevant.
DESIGN_SIGNATURE: 's colors] The design The idea: a plant shop inside a humid Victorian glasshouse, where every plant is drawn with botanical care and seems alive. Fonts: Caprasimo for big, tightly spaced headlines and prices; Rethink Sans for body text, italic Latin plant names and small spaced capitals. Colors: cream #FBF5EA background, fig #5C2E4A for text and the quiz section, fern #3E7B4F for accents, terracotta #D2774D for pots, leaf light #C9E4B6 for buttons and one fresh section, glasshouse iron #1F3B2C for the hero and footer. Draw plants as layered illustrations, never icons: monstera leaves with real splits and holes, fern fronds built from tiny leaflets, violin-shaped fig leaves with pale veins, banded snake plants with yellow edges, glazed pots with drips, window reflections and soil on top. Order: a full-screen hero seen through arched iron glazing bars and misted, beaded panes in green light, a stacked headline on the left and plants on a wooden potting bench with a brass temperature plaque; a pinned plant of the month where scrolling grows a monstera up its moss pole, each new leaf bigger and more split, behind a giant week counter; plants on wooden shelves with hanging price tags and filters; a three-question quiz on fig purple; classes as a dated list; repotting with a cut-away pot; a visit section with a drawn map; a deep green footer with a huge wordmark. Motion: fog wipes off the glass on load; every leaf sways, leans and flutters as you scroll and bends away from the cursor; the quiz match grows out of its pot.
HTML_SURFACE: headings=Grownunderglass.Matched to your room.; Watch a monstera learn to split.; Ten plants we'd vouch for.; Which plant suits your room?; Dirt under your nails, Saturday mornings.; Rootbound? Bring it in. We'll do the mess.; Come stand in the humidity.; The Mist Sheet. | ids=n, defs, i-sun, i-shade, i-window, i-drop, i-can, i-cal, i-mist, i-paw, i-nopet, i-arrow, i-fig, menu, main, top, hero-title, monstera, potm-title, potmSvg, shop, shop-title, quiz, quiz-title, resultSvg, classes, classes-title, propSvg, book, repotting, repot-title, sectionSvg, visit, visit-title, foot-title | functions=P2, rng, rot, cl, poly, line, sampleCR, outline, side, closeO, mid, mAt, veins, midrib, gloss, edge, leafMon, cut, leafFig, leafRub, leafPoth, leafCal, leafPep, leafAsp, leafSnake, unit, stalk, pot, xAt, frond
ORIGINAL_PROMPT: prompt/fern-and-fig.md (SHA256 ba5823500a6e7adb4e4ad279cdc697fb04226c8f358f2cf1ea90fb461bf9abee)
EXAMPLE_SOURCE: example/fern-and-fig.html (SHA256 1f9a8fd8262dc1aba315214aca08185abc8e510de80338b58f28d01d271d4eb6)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\fern-and-fig\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
