figurefilm-co-uk
A raw, cinematic production house aesthetic merging monumental condensed display type with film aspect-ratio guide overlays. High-voltage ultramarine blue collides with deep black and pale butter cream lettering, evoking an auteur studio editing bay.
Visit siteColour
Background#080808
Text#fcf8c9
Accent#2c54c7
Surface#2c54c7
Muted#fcf8c9
Typefaces
- Display
- JeanLucWeb-Bold
- Body
- PT Mono
- Mono
- PT Mono
- Source
- self_hosted
- Scale
- 9 · 10 · 12 · 24 · 40 · 60
Layout
- Grid
- —
- Container
- —
- Spacing base
- 10px
- Radius
- 0px
Capture
- Category
- other
- Sections
- 5
- Captured
- 2026-08-30
- Rhythm
- dark → blue x3 → dark
Type rules
- display typography set in condensed uppercase at monumental scale
- all supporting body, index, and metadata strictly set in monospace uppercase
- body text measure kept under 45 characters per line
Colour rules
- text and line work strictly rendered in buttery cream over dark or cobalt fields
- field backgrounds alternate between pitch dark and saturated electric blue
Voice rules
- uppercase project indexing formatted as X pairings
- technical aspect ratio annotations as layout metadata
Holds it together
- overlay cinematic aspect ratio markers (2.76:1 down to 1:1) as vertical hairline guides across media
- contain primary action prompts in pill capsules with micro-label bookends
- set all metadata and descriptive copy in uppercase monospace with wide horizontal placement
Contrast
text on background18.5:1 AAA
muted text on background18.5:1 AAA
text on surface6.1:1 AA
accent on background3.0:1 AA Large
background on accent3.0:1 AA Large
Type, measured
- Body
- 12px / 1.2
- Measure
- 44 characters
- Display
- 216px / 1
- Tracking
- 0em display
- Scale ratio
- 2.06
Voice
- Tone
- confident, understated
- Sentences
- short
- Person
- first
- Vocabulary
- technical
- Calls to action
- see, view, collaborate
Built with
- Builder
- —
- Framework
- gatsby
- Motion
- swiper
- WebGL
- —
- Nav
- sticky_top_bar, 13 items, sticky
- Length
- 2.8 screens
Sections in page order
5- 00
hero
Atmospheric cinematic hero pairing monumental stretched lettering with warm dramatic clouds and technical film-grid guide overlays.
- Mood
- bold + editorial
- Layout
- 1 col · full bleed · airy
- 01
hero
High-impact electric cobalt blue statement hero dominated by massive staggered condensed typography and technical film-ratio markers.
- Mood
- bold + raw
- Layout
- 1 col · asymmetric · balanced
- 02
showcase
Vibrant ultramarine showcase panel split into stark vertical columns displaying condensed uppercase typography.
- Mood
- bold + raw
- Layout
- 1 col · full bleed · dense
- 03
cta
Electric blue strip with an asymmetrical ticket-notched call to action button.
- Mood
- playful + bold
- Layout
- 4 col · asymmetric · airy
- 04
footer
Stark dark footer balancing pixelated branding and bold call-to-action typography against delicate monospace contact details.
- Mood
- raw + quiet
- Layout
- 6 col · grid · airy
