Synchrodogs
Monolithic, earthy, and conceptual. Giant golden uppercase typography locks the bottom fold while a narrow vertical column of surreal photography slices through vast chocolate brown negative space, delivering an arresting poster-like portfolio preloader.
Visit site ↗Colour
Background#471e10
Text#faad17
Accent#faad17
Surface#261915
Muted#d2c9a0
Typefaces
- Display
- Garnett
- Body
- GT America
- Mono
- —
- Source
- self_hosted
- Scale
- 9 · 10 · 165
Layout
- Grid
- 11 columns
- Container
- 1440px
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- portfolio
- Sections
- 1
- Captured
- 2026-08-27
- Rhythm
- dark
Type rules
- display typography runs at extreme monumental scale spanning full viewport width
- all body copy set in dense uppercase at micro scale (9px) with standard measure around 54 characters
Colour rules
- deep earthy chocolate brown (#471e10) serves as full-bleed canvas across the entire interface
- vibrant mustard gold (#faad17) exclusively applied to monumental branding and primary copy
Voice rules
- all text set in full uppercase
- extended single-paragraph statement beneath logotype
Holds it together
- run display title edge-to-edge across the bottom fold in vibrant mustard gold
- restrict imagery to a centered vertical filmstrip format surrounded by deep brown field
- render all text elements in full uppercase, contrasting gigantic logotype with micro-scale artist statements
Contrast
text on background7.6:1 AAA
muted text on background8.6:1 AAA
text on surface9.0:1 AAA
accent on background7.6:1 AAA
background on accent7.6:1 AAA
Type, measured
- Body
- 9px / 1.5
- Measure
- 54 characters
- Display
- 10px / 1
- Tracking
- 0em display
- Scale ratio
- 1.03
Voice
- Tone
- declarative, artistic
- Sentences
- long
- Person
- third
- Vocabulary
- elevated
- Calls to action
- close
Built with
- Builder
- —
- Framework
- nuxt
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 5 items, sticky
- Length
- 1 screens
Colour, by area
accent on container#471e10 0%#644516 0%#261915 0%#382c28 0%#d2c9a0 0%
Sections in page order
1 strongest marked · 1- 00
hero
StrongestBold, earthy preloader layout dominated by massive golden typography framing a vertical strip of photographic imagery.
- Mood
- bold + warm
- Layout
- 11 col · stacked · dense
