Different fields. Same team.

The Proud Member badge companies put on their own websites: a 240 by 88 lockup with the HR monogram (on its turf tile in the light badge), PROUD MEMBER OF THE HEMPROSTER, and the jersey number on a color-scoreboard block. It links to the company's Player Card.

Variants: light (color-paper, ink border, ROSTER in color-field) for light footers; dark (color-turf, chalk border, ROSTER in color-scoreboard) for dark footers. A round 128px seal version exists in the design canvas.

The consumer provides the jersey number and the Player Card URL. Shipped as a prebuilt SVG at /badge/<slug>.svg inside a plain <a href><img alt="Proud Member of the HempRoster"></a>, with no script, so search engines follow the link.

Don't let members restyle it, crop the number, or embed it with JavaScript.

The HempRoster lockup built in code: the HR monogram, HEMPROSTER in Big Shoulders Display 900, and the by HempAware byline. Use it once per page, in the header, and on anything that leaves the site.

Variants

• hr-wordmark--turf: the primary lockup, on color-turf. HEMP in color-chalk, ROSTER in color-scoreboard, the byline in color-mist with Hemp in color-leaf and Aware in color-sky. Mark: hemproster-monogram.png.
• hr-wordmark--light: on color-paper or color-chalk. HEMP in color-ink, ROSTER in color-field, Hemp in color-field, Aware in color-aware-blue. Mark: hemproster-app-icon.png (the monogram on its turf tile).
• hr-wordmark--mono: HEMPROSTER alone in color-ink, for color-scoreboard grounds and one-color print.

The consumer provides the ground color and a link to /. The wordmark is live text in the wordmark style, so the page must load Big Shoulders Display 900 and Archivo. Hemp and Aware are both bold and upright. Where live text is not possible (email, social, partner sites), use hemproster-logo-horizontal.png or hemproster-logo-stacked.png instead.

Do keep the by HempAware byline wherever the full lockup appears; it is how buyers learn the affiliation. Don't set ROSTER in yellow on a light ground (1.7:1), recolor the mark, outline the type, or add a tagline inside the lockup.

Uppercase Big Shoulders Display labels on a solid fill: one yellow call to action per view, green for paid actions, outline for the free secondary path.

Variants

• hr-btn--yellow: the main call to action (Get on the roster, Claim card #0427). color-scoreboard fill, color-ink text, shadow-button pressed edge. Works on chalk, paper and turf.
• hr-btn--green: checkout and paid steps (Get verified). color-field fill, white text (7.7:1).
• hr-btn--line: the free or secondary path (Claim your card). Transparent with a stroke-heavy ink border, light grounds only.

The consumer provides the label and an <a href> or <button>. Labels are short verb phrases from the roster vocabulary: Get on the roster, Suit up, Claim card #0427, Join the Team.

Do keep one yellow button per screen region. Don't put the outline button on turf, set labels in sentence case, or add icons inside the label.

The Player Card is HempRoster's unit: one hemp company on one Rolodex card, with playful identity on the front and plain business facts on the back. Every company gets one, claimed or not.

Anatomy (front)

1. Position tab in the Position color (PositionTab), on the top edge.
2. Jersey number: NO. in jersey-label, four digits in the jersey style. Assigned once, never reused.
3. Logo ring: size-logo-ring circle with a stroke-ring border in the Position color, holding the logo or a two-letter monogram. Dashed when unclaimed.
4. Name in card-name (two lines at most), meta line in meta (Position · City, ST), tagline in tagline (two lines at most).
5. Status marks (StatusMarks) and the round flip button.
6. Two Rolodex notches cut into the bottom edge, filled with the page ground (color-chalk).

Back: a Stats tab on the right, color-manila face, #0427 and the name over a 1.5px rule, then mono stat labels (LICENSE, NUMBER, ISSUER, PLAYS, BASED, WEBSITE) and the source and checked date. Unclaimed backs replace the license rows with a dashed claim box: Claim card #0427.

States

• Claimed: color-paper face, solid stroke-outline ink border, shadow-card.
• Unclaimed: dashed border and ring, color-paper-unclaimed face, Unclaimed chip.
• Verified Player: adds the seal.
• Rookie: adds the stamp.
• Starting Lineup: the label in the tab row and shadow-lineup (scoreboard ring and ink keyline).

The consumer provides the company record (name, Position, jersey, city and state, tagline, specialties, website, source, checked date, status) and the page ground for the notches. Size is fixed at size-card-w by size-card-h and shrinks to the column on phones.

Motion: the card flips on the Y axis in 600ms with cubic-bezier(.2,.7,.2,1); with reduced motion it swaps faces with no animation. The hidden face is inert and aria-hidden, and focus moves to the other face's flip button.

Do keep the back factual: license type, number, issuer, status, source and date. Don't put marketing copy on the back, show personal names or home addresses, or let a card grow taller to fit text (clamp it).

The Rolodex index tab that names a company's Position, in that Position's color. It sits on the top edge of every Player Card and leads filters and Position pages; hr-pos-pill is the same color as a small pill in roster tables.

Positions and text color

The consumer provides the Position name and its hr-pos-* class. The tab has a stroke-outline ink border on three sides, radius-tab on the top corners, and no bottom border, so it joins the card or rule beneath it.

Do always print the Position name in the tab; color is never the only signal. Don't invent new Position colors, use them as decoration, or set Position names in anything but the tab style.

The small marks on a Player Card front that say what kind of card it is: info chips, the Verified Player seal, the Rookie stamp, the Unclaimed chip and the Starting Lineup label.

Marks

• hr-chip: plain facts (Home CO, Est. 2017). Mono chip style, color-chip-line border.
• hr-seal: Verified Player. color-scoreboard pill with an ink outline and the verified-check.svg icon. Only after a license or accreditation has been checked.
• hr-rookie: Rookie stamp for companies signed or claimed in the last 30 days. color-ink ground, color-scoreboard text, tilted 4 degrees.
• hr-chip--unclaimed: Unclaimed. color-unclaimed text and dashed border, matching the dashed card outline.
• hr-lineup: Starting Lineup, the paid placement label. It sits in the tab row above the card and always appears on a sponsored card.

The consumer provides which marks apply; at most three marks plus the flip button fit one card row.

Do show the Starting Lineup label on every paid slot, since sponsored placement is always labeled. Don't show Verified Player and Unclaimed together, or use these marks outside cards and filters.

A labeled input for the Join and claim forms: bold label above, a color-paper input with a stroke-outline ink border and radius-button, optional help text in color-bench below.

The consumer provides a unique id tied to the <label for>, the input type, and help text where the field needs explaining. Inputs use the body style at 16px so phones do not zoom.

Do write labels as plain nouns (Work email, Card number, Company website) and errors as what to fix (Use your company email, not a Gmail address). Don't rely on placeholder text as the label, or use sports words in labels and errors.

The full list of companies in a Position, Specialty or Home Team, one row per company, so every player is on the page even without a card of its own.

Columns: NO. (mono jersey), COMPANY (row header, linked when the company has a Player page), POSITION (a hr-pos-pill, on Specialty and Home Team pages), BASED (color-bench), WEBSITE (domain only), and a right-aligned Claim #0427 link.

The consumer provides the rows and a caption (visually hidden). The frame is color-paper with a stroke-outline ink border and radius-table; the header row is color-manila in the table-head style; rows divide with stroke-hair color-chalkline. On narrow screens the table scrolls sideways inside its frame (min width 640px).

Do write Not listed for missing values. Don't leave cells empty or drop the Claim link.

The trail at the top of Position, Home Team and Player pages: Home / Position or Home Team / Company, separated by slashes.

The consumer provides the items; the last one is the current page, unlinked, with aria-current="page". Text is the tagline size in color-bench; links use the page link color. Labels match each page's H1 (Hemp Processors, not Processors).