Brand language · v1

Back to
culture.

A visual system pulled straight from the TF'26 key art: a red-on-paper duotone, the inky emblem, hard sticker shadows, halftone grain and condensed street signage type. Loud, local, a little bit underground.

Colour Typography Buttons Forms Cards Badges Patterns Logos
01 · Colour

Palette

Sampled from the official poster and the TF emblem. Red leads; ink and paper do the heavy lifting; ember is for flame-hot accents and sticker shadows only.

Culture Red--red · #C4302BPrimary. Wordmark, CTAs, highlights.
Oxblood--red-deep · #8E1A14Duotone shadows, hover states, deep panels.
Ember--ember · #E8401FEmblem flame. Sticker shadows, errors.
Ink--ink · #0B1019Main dark surface. Emblem shield.
Ink 3--ink-3 · #222A38Raised cards on ink.
Paper--paper · #F6EDE6Light surface, text on dark.
Blush--blush · #F3DCD5Duotone highlight tint.
Steel--steel · #6B7180Muted UI, disabled.

Surfaces

Light is the default: paper base with a red wordmark, the same look as the printed poster. Dark mode (toggle, top right) swaps the base to ink. Only the base tokens change: .theme-paper, .theme-ink and .theme-red bands keep their colours in both modes.

.theme-ink

Ink surface

Dark-mode base. Always-dark bands: footer, closing CTA.

.theme-paper

Paper surface

Light-mode base. Poster-like bands: about, tickets, FAQ (sand in light mode).

.theme-red

Red surface

Big moments: collabs, marquee.

02 · Typography

Type system

Two families, both free on Google Fonts. The condensed display face echoes the "BACK TO CULTURE" lockup; Archivo's width axis lets us go wide & italic for poster-style stamps (like "7–8 NOV 2026") and stay neutral for reading.

Display · Headings
Saira Extra Condensed

Weights 700 / 800 / 900 · Always uppercase · Tight leading (0.85–0.95). Matches the condensed, squared signage of the tagline.

Body · UI · Stamps
Archivo Wide

Variable: weight 100–900, width 62–125%. Body at 100% width; labels at 112–115%; stamps at 125% black italic.

.display · 900 · clamp(72–192px)
Tempatan
h1 · 800 · clamp(52–104px)

Back to culture

h2 · 800 · clamp(40–72px)

Something for everyone

h3 · 800 · clamp(28–36px)

Automotive culture

h4 · 800 · 22px

Hall C, MAEPS Serdang

.stamp · Archivo 900i · wdth 125
7–8 Nov 2026
.eyebrow · 800 · wdth 115 · 12pxIn collaboration with
.lead · 400 · 18–22px

Born from the local streetwear and creative community in 2013, Tempatan Fest has always been about bringing people, brands and ideas together.

p · 400 · 16px / 1.6

Expect a mix of Art & Design, Fashion, Music, Coffee, Automotive Culture, Lifestyle and Extreme Sports, all coming together in one massive environment at MAEPS. Inline link and bold text.

small · 14pxFinal price and any booking fees are confirmed on Ubertickets.
blockquote.pull
4 epic events. 1 unstoppable weekend.
03 · Buttons

Buttons

Italic, wide and uppercase, with the emblem's hard offset shadow. Hover lifts the sticker, press stamps it down.

On ink

Buy Tickets RM10/day Primary Secondary Ghost Text link

On paper

On red

04 · Forms

Inputs & controls

Chunky 52px targets, 2px borders, and a red sticker shadow on focus.

We'll only send fest updates.
Enter a valid Malaysian phone number.
Stepper
Segmented choice
Checkbox & radio
Filter chips

Inputs on paper

05 · Cards

Cards

Angled top-right cut (from the logo's slashes), halftone bloom on hover, red sticker shadow for linked cards.

05

Automotive Culture

Modified cars, builders and car communities.

Linked card

Hover me

Lifts with a hard red shadow. Use it for anything clickable.
Basic card

Plain surface

Default container for grouped content and forms.

Collab

Event card

Partner logo plate on paper, logo recoloured via CSS mask.

Stats
2013Founded
RM10Per day
Notice
Tickets are priced per day, so get one for each day you're coming.

Post card (promo)

TF'26 poster
NewOfficial poster

Back To Culture

Feature layout for key art or announcements. Image left, story right; stacks on mobile.

Ticket stub

Tempatan Fest '26

General entry

Hall C, MAEPS Serdang · 7–8 Nov 2026

EntryRM10per day
06 · Badges

Badges & tags

Culture Red Ink Ember Live Outline
07 · Patterns

Marquee, accordion & texture

Accordion item

Used for FAQ. Native <details>, so it's keyboard and screen-reader friendly with zero JS.

Another question

Answer copy goes here.

.grain
.halftone
08 · Logos

Marks & partners

TF'26 wordmark
TF emblem
Back To Culture

Collaborators