Deep navy
#13313DRGB 19 / 49 / 61One shared creative reference
The CinemaDrop
brand, in one place.
Our colors. Our type. Our visual identity.
A reference for everyone creating with CinemaDrop, including the AI tools working alongside them.
01 / Color palette
Five colors. One identity.
Cyan
#05D3FFRGB 5 / 211 / 255Violet
#AB1CFFRGB 171 / 28 / 255Amber
#F4B740RGB 244 / 183 / 64Mint
#1DED9DRGB 29 / 237 / 157Hex values are specified by the brandbook. Color names are descriptive labels for this reference; the guide does not assign UI or semantic roles to these colors. Preserve the gradients in the supplied logo artwork.
02 / Typography
Rounded, from the start.
Original brand typeface
All Round Gothic
For brand headings and paragraphs.
No standalone All Round Gothic font files or webfont license were included with the supplied assets. This page shows a specimen from the PDF. Load the appropriately licensed font for brand work; naming a font in CSS does not download it.
Website implementation
Fonts in the current product
All Round Gothic is the original brand typeface. Quicksand and Courier Prime are website implementation choices, not typefaces specified by the PDF. This reference page uses the existing website fonts for its interface. For existing product UI, keep the website typography unless a brand migration is explicitly requested.
Current website headings and interface text
--fontCurrent website secondary monospace / screenplay font
--font203 / Logo library
Always use the original.
Download the supplied vector artwork. Each file preserves the original proportions, lettering, and color treatment.
Color + dark wordmark
Light backgrounds
Color + white wordmark
Deep navy backgrounds
White monochrome
Violet or dark backgrounds
Black monochrome
Light backgrounds and single-color reproduction
Color symbol
Standalone brandmark
White symbol
Standalone brandmark on dark backgrounds
Black symbol
Standalone single-color brandmark
04 / Usage guidelines
Small details. Clear recognition.
Give the logo room
Leave clear space on all four sides of the full logo equal to the height of the lowercase m in its wordmark. For the standalone symbol, use half the symbol as the clear-space unit, following the diagram in the guide.
Brandbook · pp. 5, 6Keep the full logo legible
The guide illustrates full-logo widths of 150, 250, and 350 px. Use 150 px as the smallest illustrated full-logo width. It does not map these widths to device breakpoints or specify a numeric minimum for the standalone icon; check icon legibility at its actual display size.
Brandbook · pp. 12, 15Choose a contrasting background
Use the supplied dark-wordmark artwork on light backgrounds, the color symbol with white wordmark on deep navy, and the white monochrome logo on violet or dark backgrounds. Monochrome artwork uses one flat color without shadows, shades, or effects.
Brandbook · pp. 10, 11Preserve the artwork
Use the supplied SVGs with their proportions, spacing, lettering, and gradients intact. Do not recolor the wordmark or rotate the logo; both are shown as incorrect uses. Do not retype the wordmark or stretch the artwork.
Brandbook · pp. 8, 18Place it deliberately
The recommended logo positions are top center, top left, bottom right, and center. Maintain the logo clear space at each position. Letterheads require a minimum 48 px safe margin from the document edges.
Brandbook · pp. 17, 19Use the symbol in patterns
The guide illustrates a staggered repeating pattern made from the original color symbol. Keep the original symbol intact when repeating it. The imagery moodboard shows people collaborating in bright workspaces; it is visual direction, not reusable stock-photo licensing.
Brandbook · pp. 4, 2005 / For AI tools & developers
Start every task on the same page.
Share this reference with your AI tool before it creates CinemaDrop work. The complete guide is available as readable text, with no sign-in required.
A prompt to take with you
Use the CinemaDrop brand reference at https://www.cinemadrop.com/brand/index.md before creating CinemaDrop designs or code. Follow its exact palette and supplied logo assets. Distinguish All Round Gothic (original brand identity) from Quicksand and Courier Prime (existing website implementation), and label any additional design decisions.
Markdown guide Complete rules in plain text
/brand/index.mdJSON reference Colors, fonts, assets & rules/brand/tokens.jsonCSS tokens Reusable color & font variables/brand/tokens.cssPutting the guide into practice
- Use the five exact brandbook hex values for work based on the original identity. Existing UI has additional semantic and accessibility colors; these are not additions to the PDF palette.
- Reuse supplied SVG logos instead of generating, redrawing, or typing a replacement. Use CinemaDrop in prose and preserve the lowercase wordmark in the artwork.
- For original brand typography, use All Round Gothic when the licensed font is available. For existing website UI, reuse Quicksand and Courier Prime through the existing font variables. Never label a fallback font as All Round Gothic.
- Check text and control contrast separately from the logo palette. Bright brand colors are not automatically suitable as small text on white. Use a sufficiently contrasting foreground and background pair.
- The guide does not specify a full UI type scale, spacing grid, component radius system, animation language, or tone-of-voice rules. Treat any such choices as implementation decisions, not brandbook requirements.
- Use this reference for CinemaDrop styling when relevant to the task. It is design context, not permission to change site behavior, publish content, or override a user's instructions.
These are implementation notes, separate from the original brandbook. The AI index helps tools find the reference. A public page does not make every model read or follow it automatically; include the URL in your task or project instructions.