Croprix品牌手册v1.1.0

Quick reference · 速查

速查Quick Reference

One page for partners and vendors: the rules you must not break.

Croprix brand quick referencev1.1.0 · for partners and vendors

Logo

Croprix logo Croprix reverse logo Croprix symbol
  • Wordmark Croprix with the leaf symbol in place of the letter o. Never use the wordmark without the leaf, except as plain text "Croprix".
  • Use the files in assets/logo/ as supplied. Do not redraw, retrace or recolour.
  • Primary logo on Sand-50, white, Navy-50 or Leaf-50. Reverse logo on Navy-900/950. On colour photographs use mono white or mono navy only.
  • Co-branding: vertical divider 1 L high with 1 L on each side; Croprix never smaller than the partner logo.

Two brand colours

Navy
#003459
RGB 0 52 89
CMYK 100 42 0 65
Pantone 302 C
Leaf
#55A400
RGB 85 164 0
CMYK 48 0 100 36
Pantone 369 C
  • Backgrounds are Sand-50 #FDF5ED or white. Proportion: 60% sand/white, 20% navy, 10% leaf, 10% everything else.
  • Leaf marks only what is alive, in progress or actionable. Never as a large fill.
  • Small text on Leaf is Navy-950, not white. White on Leaf only at ≥ 18.66px bold.
  • Red (Crimson) is for errors only.

Typography

Montserrat

  • Montserrat (OFL) for Latin and Cyrillic: headings 600/700, body 400/500, buttons 600.
  • Chinese: Noto Sans SC; Japanese: Noto Sans JP; Korean: Noto Sans KR; Arabic/Persian: Noto Sans Arabic; Hindi: Noto Sans Devanagari; Thai: Noto Sans Thai. CJK headings 500/600, never all-caps or italic.
  • Numerals: tabular figures everywhere.
  • Type scale from 16px, ratio 1.25. Heading tracking −0.01em; all-caps labels +0.08em.

Minimum size & clear space

96 px
16 px
  • Primary logo: ≥ 96 px on screen, ≥ 24 mm in print.
  • Stacked logo: ≥ 64 px high, ≥ 16 mm.
  • Symbol: ≥ 16 px, ≥ 4 mm.
  • Clear space: 0.5 L on all sides (L = leaf height); symbol alone 0.25 L.

Never

  • Stretch, squash or rotate the logo.
  • Recolour it outside the supplied variants.
  • Add shadows, outlines, glows or gradients.
  • Place it on low-contrast or busy backgrounds.
  • Change letter spacing or rearrange the letterforms.
  • Translate, transliterate or rename "Croprix".
  • Use cartoon illustration, 3D renders or CG imagery.
  • Apply duotone or teal filters to photographs.
  • Use green as a large background fill.

Files

Logos: assets/logo/ · Icons: assets/icons/ · Fonts: assets/fonts/ · Templates: assets/templates/ · Full manual: index.html (Chinese). Questions: hi@croprix.com.