Flora

www.florafauna.ai

The 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)