Everything you need
to build like HYROS.
The logo, the colors, the type, and Sven — one page for people, one file for AI. Pick your format below.
Everything you need
to build like HYROS.
The logo, the colors, the type, and Sven — one page for people, one file for AI. Pick your format below.
Logo
Sven's face plus the serif logotype. The full logo leads; the standalone face is the mark for avatars, favicons and tight spaces.
- Clearspace: keep ~25% of the mark’s height free on all sides.
- Scale in whole steps — the pixels must stay crisp; SVG preferred, PNG for tools that need it.
- Never stretch, outline, add shadows or effects, or recolor outside these variants.
- Never place the white versions on light backgrounds — use blue or black there.
- Never retype “Hyros” in a live font next to the face — always place the logo files.
Color
Flat fields, high contrast. Tap any swatch to copy its hex.
Typography
P22 Mackinac carries every headline. Inter does the quiet work.
Headlines are heavy serif.
Key words get the blue.
Sentence case, tight leading (1.05–1.2), and a full stop. On blue fields the emphasis color is gold; the pink bar highlights a phrase.
Body copy is Inter at 14–17px with relaxed line-height (1.5–1.6). Buttons and labels run bold (700–800).
Kickers are uppercase · 11–13px · spaced
“Testimonials are serif italic.”
Sven
The mascot is a fixed 13×15 pixel grid — the same face as the logo mark. He is rendered, never redrawn.
- Grid: 13 columns × 15 rows; eyes are two 2×2 blocks in the contrast color.
- Motion: a lazy float only — 6px rise over ~4.6s, ease-in-out, sometimes a constant tilt. Static under reduced motion.
- Never smooth, outline, gradient-fill or “redraw” Sven — always render the grid.
- No emoji, no line-icon sets: small illustrations are pixel scenes in brand colors.
Buttons & UI
One action color. Pills for CTAs, 10px rectangles for compact buttons, 16–32px radii for cards.
Hover: lift 2px + lighten to #F449A7. Pink shadow 0 12px 34px rgba(232,50,152,.45). Radius scale: 999 pill · 10 button · 16–20 card · 28–32 mega card.
In practice
Two real patterns from the site, built from the pieces above.
Your ads grow.
Or you don’t pay.
No slogans yet — don’t invent any. Reuse approved page copy verbatim, or keep new copy short, plain and confident. This page and the LLM file will be updated when voice lands.
Logo
Sven's face plus the serif logotype. The full logo leads; the standalone face is the mark for avatars, favicons and tight spaces.
- Clearspace: keep ~25% of the mark’s height free on all sides.
- Scale in whole steps — the pixels must stay crisp; SVG preferred, PNG for tools that need it.
- Never stretch, outline, add shadows or effects, or recolor outside these variants.
- Never place the white versions on light backgrounds — use blue or black there.
- Never retype “Hyros” in a live font next to the face — always place the logo files.
Color
Flat fields, high contrast. Tap any swatch to copy its hex.
Typography
P22 Mackinac carries every headline. Inter does the quiet work.
Headlines are heavy serif.
Key words get the blue.
Sentence case, tight leading (1.05–1.2), and a full stop. On blue fields the emphasis color is gold; the pink bar highlights a phrase.
Body copy is Inter at 14–17px with relaxed line-height (1.5–1.6). Buttons and labels run bold (700–800).
Kickers are uppercase · 11–13px · spaced
“Testimonials are serif italic.”
Sven
The mascot is a fixed 13×15 pixel grid — the same face as the logo mark. He is rendered, never redrawn.
- Grid: 13 columns × 15 rows; eyes are two 2×2 blocks in the contrast color.
- Motion: a lazy float only — 6px rise over ~4.6s, ease-in-out, sometimes a constant tilt. Static under reduced motion.
- Never smooth, outline, gradient-fill or “redraw” Sven — always render the grid.
- No emoji, no line-icon sets: small illustrations are pixel scenes in brand colors.
Buttons & UI
One action color. Pills for CTAs, 10px rectangles for compact buttons, 16–32px radii for cards.
Hover: lift 2px + lighten to #F449A7. Pink shadow 0 12px 34px rgba(232,50,152,.45). Radius scale: 999 pill · 10 button · 16–20 card · 28–32 mega card.
In practice
Two real patterns from the site, built from the pieces above.
Your ads grow.
Or you don’t pay.
No slogans yet — don’t invent any. Reuse approved page copy verbatim, or keep new copy short, plain and confident. This page and the LLM file will be updated when voice lands.
Legal
© 2026 Hyros INC. All rights reserved.