TulipFarm brand guidelines Version: v1 Canonical guide: https://tulipfarm.ai/brand/ Plain-text guide: https://tulipfarm.ai/brand.txt Asset inventory: https://tulipfarm.ai/brand/v1/manifest.json Complete download: https://tulipfarm.ai/brand/v1/tulipfarm-brand-kit.zip IDENTITY Name: TulipFarm (capital T and F, no space). Symbol: the approved asymmetric, swept-petal tulip mark. Use these supplied files as the source of truth. Do not redraw the logo. The logo is distinct from expressive avatars or mascot illustrations. COLORS Tulip green: #188038; RGB 24, 128, 56. Primary mark and actions. Ink: #202326; RGB 32, 35, 38. Wordmark and primary text. White: #ffffff; RGB 255, 255, 255. Reversed marks on dark surfaces. Mist: #edf5ef; RGB 237, 245, 239. Supporting brand backgrounds. UI dark-mode accents: #81c995. This is a UI color, not a replacement logo color. Primary button hover: #137333. Primary buttons use a light foreground. Neutral website canvas: #fcfcfd (light), #191b1f (dark). TYPOGRAPHY Geist Variable. Wordmark: SemiBold, weight 600. Use the outlined SVG logo for an exact wordmark without a font dependency. Website headings: weights 400-500. Body: 400. Controls: 600. Latin variable webfont: https://tulipfarm.ai/brand/v1/geist-latin.woff2 Font license (SIL Open Font License): https://tulipfarm.ai/brand/v1/OFL-geist.txt The bundled font is Latin-only; use appropriate licensed fallbacks for other scripts. USAGE Give it room. Keep clear space of at least one quarter of the mark's width on every side. Measure from the visible artwork, not the edge of its file. Keep it readable. Use the standalone mark at 24px or larger where possible. Use the supplied favicon at 16px. Keep the horizontal logo at least 120px wide. Choose the right contrast. Use the green or ink artwork on light surfaces and the white artwork on dark surfaces. Do not place the logo over busy images. Keep the shape intact. Do not stretch, rotate, crop, separate the petals, alter the gaps, or add a stroke, shadow, gradient, or face. For motion, use the supplied petal-bloom profile export as-is. Use the supplied lettering. The name is TulipFarm, with a capital T and F. Download the complete logo rather than retyping or rearranging its wordmark. Keep characters separate. Avatars and product illustrations are not replacements for the brand mark. Do not add eyes or expressions to these logo files. Use the brand to identify TulipFarm accurately; do not imply endorsement or affiliation. The font license applies to the font, not to the TulipFarm name or logo. LOGO WITH NAME Light background: https://tulipfarm.ai/brand/v1/logo-green.svg One-color ink: https://tulipfarm.ai/brand/v1/logo-ink.svg Dark background: https://tulipfarm.ai/brand/v1/logo-white.svg Stacked light: https://tulipfarm.ai/brand/v1/stacked-green.svg Stacked dark: https://tulipfarm.ai/brand/v1/stacked-white.svg PNG and WebP lockup widths: 320, 640, 1280px. Example: https://tulipfarm.ai/brand/v1/logo-green-1280.png Pattern: https://tulipfarm.ai/brand/v1/{logo|stacked}-{green|ink|white}-{width}.{png|webp} STANDALONE MARK Green: https://tulipfarm.ai/brand/v1/mark-green.svg Ink: https://tulipfarm.ai/brand/v1/mark-ink.svg White: https://tulipfarm.ai/brand/v1/mark-white.svg Transparent PNG and WebP sizes: 16, 24, 32, 48, 64, 128, 180, 192, 256, 512, 1024px square. Example: https://tulipfarm.ai/brand/v1/mark-green-256.png Pattern: https://tulipfarm.ai/brand/v1/mark-{green|ink|white}-{size}.{png|webp} PROFILE PICTURES The approved petal bloom folds inward, opens each petal, and rests on the original logo. Six-second GIF loop, with matching static PNGs: https://tulipfarm.ai/brand/v1/profile-green-512.gif https://tulipfarm.ai/brand/v1/profile-green-512.png https://tulipfarm.ai/brand/v1/profile-green-256.gif https://tulipfarm.ai/brand/v1/profile-green-256.png Use the 512px GIF for a Google profile picture. Keep the full square in the crop. Opaque white backgrounds leave room for circular masks. Gmail and other Google surfaces may display only a still frame; animation is not guaranteed. GIFs cannot honor reduced-motion preferences. Use the PNG when reduced motion is required. Upload guidance: https://tulipfarm.ai/brand/v1/PROFILE.txt APP ICONS Rounded green badge: https://tulipfarm.ai/brand/v1/icon-green.svg Rounded light badge: https://tulipfarm.ai/brand/v1/icon-light.svg Rounded badge PNG and WebP sizes: 16, 20, 24, 29, 32, 40, 48, 58, 60, 64, 72, 76, 80, 87, 96, 120, 128, 144, 152, 167, 180, 192, 256, 512, 1024px. Pattern: https://tulipfarm.ai/brand/v1/icon-{green|light}-{size}.{png|webp} Opaque square PNG for platform-controlled corner masks: https://tulipfarm.ai/brand/v1/app-icon-16.png https://tulipfarm.ai/brand/v1/app-icon-20.png https://tulipfarm.ai/brand/v1/app-icon-24.png https://tulipfarm.ai/brand/v1/app-icon-29.png https://tulipfarm.ai/brand/v1/app-icon-32.png https://tulipfarm.ai/brand/v1/app-icon-40.png https://tulipfarm.ai/brand/v1/app-icon-48.png https://tulipfarm.ai/brand/v1/app-icon-58.png https://tulipfarm.ai/brand/v1/app-icon-60.png https://tulipfarm.ai/brand/v1/app-icon-64.png https://tulipfarm.ai/brand/v1/app-icon-72.png https://tulipfarm.ai/brand/v1/app-icon-76.png https://tulipfarm.ai/brand/v1/app-icon-80.png https://tulipfarm.ai/brand/v1/app-icon-87.png https://tulipfarm.ai/brand/v1/app-icon-96.png https://tulipfarm.ai/brand/v1/app-icon-120.png https://tulipfarm.ai/brand/v1/app-icon-128.png https://tulipfarm.ai/brand/v1/app-icon-144.png https://tulipfarm.ai/brand/v1/app-icon-152.png https://tulipfarm.ai/brand/v1/app-icon-167.png https://tulipfarm.ai/brand/v1/app-icon-180.png https://tulipfarm.ai/brand/v1/app-icon-192.png https://tulipfarm.ai/brand/v1/app-icon-256.png https://tulipfarm.ai/brand/v1/app-icon-512.png https://tulipfarm.ai/brand/v1/app-icon-1024.png Use the 1024px opaque square as the app-store master. Do not bake rounded corners into iOS source icons. Maskable PWA icons (padded safe area): https://tulipfarm.ai/brand/v1/maskable-icon-192.png https://tulipfarm.ai/brand/v1/maskable-icon-512.png These are raster assets, not Android adaptive-icon XML or a complete platform project. BROWSER ICONS Multi-size ICO (16, 32, 48px): https://tulipfarm.ai/brand/v1/favicon.ico Theme-aware SVG: https://tulipfarm.ai/brand/v1/favicon.svg Apple touch icon (180px): https://tulipfarm.ai/brand/v1/apple-touch-icon.png Marketing web app manifest: https://tulipfarm.ai/site.webmanifest CROSS-REPOSITORY USE All links above use the production marketing origin, not the authenticated app or docs origin. The files under https://tulipfarm.ai/brand/v1/ are public, static, and require no authentication. Versioned filenames remain stable. A breaking identity change should use a new version directory. Use an SVG for responsive logos and the supplied PNG/WebP files where raster images are needed. For a dark application theme, explicitly select the white asset. Standalone logo SVGs do not switch with your application's theme. You may download and serve these files locally for offline or build-time use. If drawing a remote image to canvas, set crossOrigin="anonymous" before assigning its URL. The production static host permits anonymous cross-origin reads for these assets and this guide. Do not reuse the marketing web app manifest in another app: create your own name, start_url, scope, and display configuration, and reference these icon URLs. HTML EXAMPLE TulipFarm SOURCE AND REGENERATION Repository: https://github.com/TulipFarm/website Canonical geometry: packages/site-ui/brand/logo.svg Palette and export sizes: packages/site-ui/brand/brand.json Generator: scripts/generate-brand-assets.mjs Command: pnpm brand:generate The complete ZIP includes editable source, generator, outlined lockups, icons, webfont, and font license.