gatzara-studio
Uninhibited, high-voltage energy driven by saturated poster backgrounds and giant circular framing. Saturated crimson, neon yellow, and stark white color blocks clash boldly with massive, tightly tracked uppercase typography. Circular graphic cutouts and floating, sticker-style testimonial cards give the studio portfolio a raw, unapologetic personality.
Visit siteRated
7.8/ 10
From 14 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 9.0
- Systemmeasured
- 6.3
- Distinctionmeasured
- 8.3
- on the grid
- 31%
- vertical rhythm
- 47%
- type on a scale
- 75%
- contrast passing AA
- 100%
- unlike the library
- 0.28
- model craft
- 7.7/10
- model deviation
- 7.0/10
Colour
Background#111111
Text#111111
Accent#ff1515
Surface#ffffff
Muted#adadad
Typefaces
- Display
- Roko Bold
- Body
- Aeonik Fono Bold
- Mono
- Aeonik Fono Bold
- Source
- self_hosted
- Scale
- 14 · 36 · 48 · 176
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 16px
Capture
- Category
- studio
- Sections
- 14
- Captured
- 2026-09-02
- Rhythm
- saturated red → white → neon lime → dark → yellow → neutral grey → bright yellow → saturated red
Type rules
- display type rendered up to 176px in tight all-caps wrapping around circular media frames
- body text set in compact monospaced styling at 14px with 44-character line length
Colour rules
- each full-bleed section adopts a bold monochrome or saturated field of crimson, amber, lime, grey, or black
- text maintains stark black or white contrast directly against the vibrant container backgrounds
Voice rules
- bold declarative headlines with zero corporate filler
- bracketed monospace numbers for item counts
Holds it together
- frame portfolio showcase media within large centered circular viewports flanked by split display typography
- apply full-bleed saturated background color shifts between distinct page sections
- render service lists and metadata with monospaced bracketed indices
- tilt testimonial cards as floating white rounded stickers over colored fields
Contrast
muted text on background8.4:1 AAA
text on surface18.9:1 AAA
accent on background4.8:1 AA
background on accent4.8:1 AA
Type, measured
- Body
- 14px / 1.14
- Measure
- 44 characters
- Display
- 176px / 0.8
- Tracking
- 0em display
- Scale ratio
- 1.88
Voice
- Tone
- confident, declarative, loud
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- talk, follow, submit
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 17.7 screens
Sections in page order
3 marked strong · 14- 00
hero
A bold, high-contrast curved typographic headline in stark black over a saturated fiery red field.
- Mood
- energetic + rebellious
- Layout
- 1 col · centered · dense
- 01
hero
Screaming crimson studio hero framing digital work inside a massive circular typographic ring.
- Mood
- energetic + rebellious
- Layout
- 1 col · stacked · dense
- 02
showcase
High-impact portfolio showcase anchoring a vivid circular 3D render between massive diagonal typography on a subtle drafting grid.
- Mood
- energetic + rebellious
- Layout
- 1 col · asymmetric · balanced
- 03
showcase
High-voltage neon poster featuring massive custom type and a heavy central insignia framing a studio portfolio highlight.
- Mood
- rebellious + energetic
- Layout
- 16 col · asymmetric · balanced
- 04
showcase
Vibrant editorial portfolio showcase anchoring a large circular product photo between heavy, diagonally split typographic bookends.
- Mood
- energetic
- Layout
- 16 col · asymmetric · balanced
- 05
showcase
High-voltage amber showcase card anchoring a circular outdoor portrait with oversized corner typography.
- Mood
- energetic + grounded
- Layout
- 12 col · asymmetric · balanced
- 06
feature
StrongA stark brutalist services band built on high typographic tension, placing massive uppercase titles at opposite corners of an austere grey canvas.
- Mood
- rebellious + clinical
- Layout
- 24 col · asymmetric · airy
- 07
feature grid
Austere, precision-focused service list relying entirely on heavy grotesque type and monospaced indices set against massive negative space.
- Mood
- clinical + serene
- Layout
- 6 col · asymmetric · airy
- 08
feature grid
A stark, restrained list of capabilities set in bold modernist typography with index numbers against an expansive muted grey backdrop.
- Mood
- clinical
- Layout
- 6 col · asymmetric · airy
- 09
feature grid
StrongVibrant canary-yellow feature grid pairing chunky rounded cards, pixel art iconography, and oversized custom display typography.
- Mood
- playful + energetic
- Layout
- 4 col · grid · balanced
- 10
testimonial
Tilted white testimonial cards float on a vivid yellow background, turning client praise into punchy graphic stickers.
- Mood
- playful + energetic
- Layout
- 1 col · stacked · airy
- 11
testimonial
Bold yellow backdrop featuring tilted white sticker-like testimonial cards with energetic personality.
- Mood
- playful + energetic
- Layout
- 1 col · stacked · airy
- 12
logo bar
StrongHigh-impact, electric red client logo section interweaving massive black uppercase display type with rounded white brand cards.
- Mood
- energetic + rebellious
- Layout
- 1 col · asymmetric · dense
- 13
footer
Vibrant high-contrast studio footer anchored in saturated red with white client cards and bold monospaced utility details.
- Mood
- energetic + playful
- Layout
- 1 col · stacked · balanced
