01 — Color
Derived from the Amp Studios logo. The logo's blues sit at hue 201°; the original royal blue (222°) read wrong, so Amp Blue is locked at hue 200° — teal-leaning, and clearing WCAG AA on the dark background at 6.3:1. Logo Navy is lifted straight from the wordmark's fill, so the site's panels literally match the logo. Blue is dominant; red appears only as an occasional accent, never as a second theme color.
02 — Typography
Bangers is the locked display face — it carries the deck's rough, energetic, all-caps attitude. Archivo handles section headings; Helvetica Neue stays for body, matching the deck. Roboto Mono drives all numerals, so digits never jitter as they change. Note: the deck's tagline is custom brush lettering, not a font, so Bangers is a spiritual match and the exact brush lettering stays as artwork for the logo and hero title.
text-style-display
heading-style-h1
heading-style-h2
heading-style-h3
heading-style-h4
heading-style-h5
heading-style-h6
text-size-medium
Amp Studios is a leading digital entertainment studio built on creativity, consistency, and a deep connection with its audience.
text-size-small
Supporting caption and secondary detail text.
text-style-eyebrow
By The Numbers
text-link
Inline link style03 — Buttons
Primary fills Amp Blue with near-black label text — the teal is bright enough that dark type reads better and hits contrast. Hover lifts to Electric. Minimum tap height is 44px for mobile. Buttons size to their content rather than stretching.
button
Primary. Amp Blue fill, near-black label.
button is-outline
Secondary. Transparent with Amp Blue border.
button is-ghost
Tertiary. Hairline border, white label.
button is-disabled
Inactive. 40% opacity, no pointer.
04 — Content card
Crisp 7px radius (not soft), a 1px hairline that lights up to Electric blue with an outer glow on hover, and the thumbnail brightens on hover. This is the reusable card used across the hero, members, brands, featured, and alumni sections. Gradients below are placeholders — real 16:9 thumbnails drop straight in. Hover one to preview.
05 — Platform chip
Shows the top three or four platforms per member — YouTube, TikTok, plus one more based on following — rather than all ten, which reads as clutter. Each chip is clickable and links out to that creator's profile. Follower count sits above the platform name.
platform-chip
Pill, 44px minimum tap height, hairline lights to Electric on hover.
chip_dot is-youtube
Brand-colored icon tile. Combo class per platform.
06 — Stats
Animated roll-up on scroll-into-view, from a client-supplied start number to an end number. Styled with tabular figures so digits hold identical width and never jitter as they climb — important at tens and hundreds of millions. The unit qualifier (M, B+, +) is set in Electric blue to separate magnitude from the number itself.
Subscribers
An established and loyal subscriber base.
Views
Combined across all content.
Videos
Long and short form.
Per Year
Consistent output.
07 — Signature element
The Odometer car theme, inverted for our dark site: the light-grey box becomes a brushed steel panel, the black tiles keep their recessed drum look, and the digits glow Electric teal. Digits roll on a vertical ribbon — the low digits blur while the high digits sit still. This sits at the top of the site, above the fold, showing total views across all creators. The rate is simulated from a client-supplied starting value. Motion is driven by a Code Embed, so it runs in Preview and on the published site, never on the Designer canvas.
Total views across all creators