Jobs

Studio job-opportunity surfaces. The same canonical <mf-job-card> / <mf-job-page> skeleton renders across every variant; brand swap is pure CSS custom properties on the host element.

Brand

Switch brand to see the same templates re-themed via brand tokens (colour, typography, voice).

Job cards · 9:16 portrait

16 views

Listing teasers — same canonical mf-job-card markup, every variant differentiated by CSS only. Includes the original four (editorial / brutalist / technical / magazine) plus designer-mock concepts.

job-card-editorial-v1

Editorial job card: cinematic full-bleed still + bold display headline with brand-coloured CTA. Default when role.showImage is set. 9:16 portrait.

job-card-brutalist-v1

Brutalist job card: saturated brand colour fills the card, aggressive uppercase headline, chunky 2-column meta block. High-contrast for dense listings.

job-card-technical-v1

Technical job card: HUD framing with crosshair corners, monospaced labels, no hero image. Best for pipeline / R&D / build-focused roles.

job-card-magazine-v1

Magazine job card: refined editorial spread on warm paper with serif headlines, photo with margins, and a footer issue stamp. Default when no hero still.

job-card-brutalist-poster-v1

Brutalist Poster job card: cream surface with full-width black top + bottom bars, Bebas Neue display headline, dense mono key/val spec rows, brand-coloured arrow square in the footer. 9:16 portrait, brand-tokenised.

job-card-luxury-magazine-v1

Luxury Magazine job card: refined editorial layout on off-white paper. Italic Playfair kicker + serif headline + Instrument-Serif body, brand-coloured detail block on a left vertical rule, mono apply chip footer. 9:16 portrait, brand-tokenised.

job-card-terminal-v1

Terminal / hacker job card: green-on-black CRT aesthetic, all-mono type, prompt + cmd + output lines, blinking cursor block after the title, scanline overlay. 9:16 portrait. Surface fixed; accent hue brand-tokenised.

job-card-diagonal-split-v1

Diagonal Split job card: dark base with a brand-coloured triangle bleeding from the top-right and a solid stat strip across the bottom. Big stacked Syne caps headline, mono labels. 9:16 portrait, brand-tokenised.

job-card-riso-zine-v1

Risograph Zine job card: warm-cream surface with 2px ink border, brand-coloured top block with role title, 2×2 bordered cell grid of meta, ink bottom-bar with brand-coloured circle CTA. 9:16 portrait, brand-tokenised.

job-card-fashion-minimal-v1

Fashion Minimal job card: black surface, italic Instrument-Serif 48px headline, mono micro-labels, hairline rules, single-arrow apply line. Almost no colour — accent only tints the apply arrow on hover. 9:16 portrait.

job-card-grid-circuit-v1

Grid Circuit job card: dark surface with 40px engineering grid bg + corner purple radial-glow, Syne display headline, mono labels, pill list of stack tags. 9:16 portrait. Strong-style baked palette (purple).

job-card-paper-rules-v1

Paper Rules job card: cream paper with thin vertical + horizontal editorial column rules and an ink-stamp tag. Near-black ink, mono labels. 9:16 portrait. Strong-style baked palette (cream/ink).

job-card-cinematic-v1

Cinematic job card: dark surface with dual radial teal glows + 4px scanline overlay + corner-accent disc. Syne display headline, mono labels, teal pill list. 9:16 portrait. Strong-style baked palette (teal).

job-card-rule-mono-v1

Rule Mono job card: dark purple-grain gradient, 1px vertical purple rule on left edge, mono salary line above the headline, mono apply-via footer panel. No hero. 9:16 portrait. Strong-style baked palette (purple).

job-card-amber-glow-v1

Amber Glow job card: dark surface with top-right amber radial glow, hairline-bordered bottom CTA strip, amber circle CTA arrow. 9:16 portrait. Strong-style baked palette (amber).

job-card-fresh-light-v1

Fresh Light job card: clean light teal surface, deep-green ink, rounded green CTA pill. Optimistic feed-contrast variety. 9:16 portrait. Strong-style baked palette (teal/light).

Job cards · 16:9 landscape

1 view

Wide editorial card for embeds and listing rails where 9:16 portrait would be the wrong shape. Same canonical DOM, landscape layout.

Job specification pages

1 view

Full job-spec page — top nav, hero, full-bleed still, meta stripe, two-column body with sticky apply rail, optional studio stats.