nakatomiagency-com
Aggressive, high-impact brutalist agency aesthetic defined by a relentless field of saturated red paired against deep dark burgundy. Monumental display lettering and architectural hairline crosshairs project raw confidence and systemic authority.
Visit siteColour
Background#fe3531
Text#fe3531
Accent#ffffff
Surface#2d000d
Muted#26000b
Typefaces
- Display
- Geist
- Body
- Geist
- Mono
- —
- Source
- Scale
- 14 · 16 · 18 · 20 · 26 · 40
Layout
- Grid
- 2 columns
- Container
- 1440px
- Spacing base
- 5px
- Radius
- 0px
Capture
- Category
- other
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- vibrant red flood → deep dark crimson void → high-contrast dark feature list → moody photographic texture → saturated red outro
Type rules
- display headings scale up to 120px to 160px with tight -0.04em tracking
- body text stays compact at 14px with tight 1.4 line-height and around 62 characters measure
- section anchors and sub-bullets use bracketed and slashed technical notation
Colour rules
- flood the primary canvas in hyper-saturated red (#fe3531)
- invert content into deep burgundy/near-black (#2d000d) for dense technical copy sections
- use clean white (#ffffff) sparingly for high-visibility accents and imagery boundaries
Voice rules
- prefix sections with forward slashes and numeric identifiers
- describe services as interconnected engineered systems rather than creative deliverables
Holds it together
- maintain zero border radii throughout for hard architectural edges
- use hairline crosshair marks (+) and structural grid lines to structure large empty fields
- switch entirely between full-bleed saturated red and near-black burgundy blocks without soft transitions
Contrast
muted text on background5.3:1 AA
text on surface5.2:1 AA
accent on background3.6:1 AA Large
background on accent3.6:1 AA Large
Type, measured
- Body
- 14px / 1.4
- Measure
- 62 characters
- Display
- 120px / 1
- Tracking
- -0.04em display
- Scale ratio
- 1.71
Voice
- Tone
- declarative, technical, confident
- Sentences
- medium
- Person
- first
- Vocabulary
- specialized
- Calls to action
- contáctanos, conocé, ver
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 1 items
- Length
- 19.6 screens
Sections in page order
10- 00
hero
An intensely vibrant red field dominated by massive, fragmented brutalist display typography bleeding off the edge.
- Mood
- bold + raw
- Layout
- 2 col · asymmetric · airy
- 01
hero
A striking, nearly blank flood of saturated red anchored by a stark dark geometric block in the lower corner.
- Mood
- bold + raw
- Layout
- 4 col · asymmetric · airy
- 02
video
An intense, minimalist color-field composition dominated by saturated red and a dark structural column.
- Mood
- bold + raw
- Layout
- 2 col · split · airy
- 03
statement
High-contrast crimson and deep burgundy statement banner using crisp modernist typography to introduce a structured service system.
- Mood
- bold + raw
- Layout
- 1 col · stacked · airy
- 04
feature
Moody, high-contrast dark crimson service showcase pairing bold uppercase typography with conceptual imagery in an editorial split layout.
- Mood
- bold + editorial
- Layout
- 6 col · split · airy
- 05
other
A dark, atmospheric void framed by sharp, vivid red geometric dividing lines.
- Mood
- raw + dreamy
- Layout
- 1 col · full bleed · airy
- 06
other
A deep crimson to black atmospheric color gradient with a sharp vibrant red vertical boundary stripe.
- Mood
- dreamy + bold
- Layout
- 1 col · full bleed · airy
- 07
showcase
A stark, high-contrast visual break pairing a flat vibrant red block directly over a gritty, dark textured photographic element.
- Mood
- raw + bold
- Layout
- 2 col · stacked · airy
- 08
showcase
Dark, tactile macro photograph of cracked organic charcoal bordered by a razor-thin vibrant red stripe.
- Mood
- raw + bold
- Layout
- 8 col · full bleed · airy
- 09
cta
High-voltage vivid red visual break anchored by gritty, cinematic dark photography.
- Mood
- bold + raw
- Layout
- 4 col · stacked · airy
