# .STKR — Brand Guidelines

## Logo hierarchy

**STKR_logo_1.svg is the primary logo.** It is the wide wordmark with S/T/K/R letterforms inside ovals.
Use it first in the header, hero, brand imagery, and default download presentation.

STKR_logo_2.svg is the secondary block mark with tall, condensed letterforms. Keep it in its supporting role.
Both files are the original supplied artwork in #231815. Preserve their proportions, paths, colors, and letterforms. Do not recolor them with UI colors.

## Color palette

.STKR and HYPURR.STKR share one palette: the colors and token names of the HYPURR.STKR app
(`stkr-tokens.css` / `stkr-tokens.json`, the same files as HYPURR.STKR's `tokens.*`).

- White `bg` #FFFFFF: Backgrounds and space.
- Cement `cement` #F3F5F0: Light secondary surfaces with a paper-like feel — cards, stationery, logo panels.
- Pastel Sky `sky` #BFE5F7: Broad secondary surfaces and decorative elements.
- Ink `ink` #19362E: Headings, body text, and primary actions.
- Supporting: Ink 2 `ink2` #5C716A for secondary text, Line `line` #DFE8E3 for borders, Hype Mint `accent` #53D5B4 for small accents and selection.
- Original logo #231815: The dark color in the artwork. Preserve it separately from UI Ink.

Use Ink or Ink 2 for small text; reserve Cement and Sky for surfaces and decoration.

## Typography

- English headings: Bricolage Grotesque 700.
- English buttons: Bricolage Grotesque 600.
- Korean headings and buttons: Pretendard 600.
- Body text: Pretendard 400.
- Numbers and identifiers: IBM Plex Mono 500.

Do not recreate the logo letterforms with a typeface. Distribute the font files with their OFL licenses.

## Applications

Place the logo on a light White or Cement surface with generous clear space. Do not apply filters, inversions, outlines, or distortion to the original artwork.
The letterhead, sticker sheet, and label on the website are brand application studies. They do not represent products for sale or production specifications.

## The two brands

The .STKR tab opens this brand page.
The HYPURR.STKR tab opens its pastel sky, mint, and white brand page.
Both pages use the same palette; the logo and downloads follow the selected brand.