Flora
www.florafauna.aiThe reference for a pure-black AI canvas where floating image cards are wired to the hero by hand-drawn curved connector lines and a single mint-green (#7CE084) accent carries every action.
Creative Tool flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Geist Variable
- body
- Geist
- mono
Do / Don't
Reference it for
- Pure #000000 canvas with no gradients or decorative colour, so uploaded/generated imagery is the only vivid thing on screen
- Off-canvas floating cards (#191919 fill, ~24px radius, tiny top-corner labels like 'Star Shoe / Nano Pro') that ring an empty centre
- Thin hand-drawn SVG bezier connectors linking the outer cards into the central hero, signalling a node-graph creative pipeline
- Serif+italic display mix for the hero line ('Your creative environment.' with 'creative' set in a contrasting expressive italic) against an otherwise sans (Geist) UI
- Single mint-green accent (~#7CE084) reserved only for the primary CTA pill and the top promo banner; everything else is greyscale
- Centred hero column: ~60px display line, ~20px two-line muted subhead, one green pill CTA, generous vertical air
- Dark utility nav with a pill 'Contact sales' (dark grey) beside a white 'Get started for free' button, and a small green 'New' tag on a nav item
- Greyscale monochrome logo wall under 'Trusted by the world's top creatives' at ~40% opacity so it recedes into the black
Do not copy
- The FLORA wordmark and the square-glyph 'F' logo mark
- The specific product-shot content (the red Star Shoe, the running-model video stills)
- The 'Nano Banana 2 + Pro usage is on us' promo banner copy
- The exact card labels (Star Shoe, Model Running, Sneaker Showcase, Veo 3.1)
- The named nav taxonomy (Company / Enterprise / Techniques / Resources / Careers)
- The tenant logo set (NYU, Pentagram, MSCHF, Riot Games, WPP, Wayfair, Niantic)