cascavana-com
Utilitarian, raw, and hyper-minimalist. A pitch-black canvas lets dense imagery carry the identity, structured solely by stark white uppercase system type and brackets.
Visit siteColour
Background#000000
Text#ffffff
Surface#000000
Muted#ffffff
Typefaces
- Display
- Arial
- Body
- Arial
- Mono
- —
- Source
- system
- Scale
- 11 · 16 · 20 · 45 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 10px
- Radius
- 0px · 8px
Capture
- Category
- other
- Sections
- 9
- Captured
- 2026-08-30
- Rhythm
- dark x9
Type rules
- all headlines, UI elements, and labels strictly uppercase
- metadata captions set at small system font size below media assets
Colour rules
- monochrome palette of pure black background and pure white text
- color exists solely within project thumbnail imagery
Voice rules
- bracketed section headers in uppercase
- labels structured strictly as project name dash deliverable
Holds it together
- use 100% black backgrounds across every section
- all navigation, labels, and headers must be uppercase Arial
- portfolio item labels follow the strict pattern 'CLIENT • DISCIPLINE'
Contrast
text on background21.0:1 AAA
muted text on background21.0:1 AAA
text on surface21.0:1 AAA
Type, measured
- Body
- 20px / 1.2
- Measure
- 108 characters
- Display
- 48px / 1
- Tracking
- -0.042em display
- Scale ratio
- 1.24
Voice
- Tone
- minimal, utilitarian, blunt
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- contacto
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 8 items
- Length
- 14.6 screens
Sections in page order
9- 00
hero
Monochrome, high-contrast digital studio intro centered on a luminous metallic ring with technical metadata framing the stark black canvas.
- Mood
- raw + editorial
- Layout
- 1 col · stacked · airy
- 01
showcase
Pitch-black creative studio showcase featuring rounded high-contrast portfolio cards and utilitarian uppercase captions.
- Mood
- editorial + bold
- Layout
- 1 col · grid · balanced
- 02
gallery
Tactile, high-impact design portfolio grid set against a stark black backdrop with minimal uppercase captions.
- Mood
- bold + editorial
- Layout
- 1 col · grid · dense
- 03
gallery
Dark, image-heavy portfolio showcase alternating between full-bleed and multi-column media blocks with stark uppercase captions.
- Mood
- raw + bold
- Layout
- 1 col · grid · dense
- 04
showcase
A dark, image-driven portfolio grid contrasting punchy commercial photography against a pitch-black background with minimal uppercase captions.
- Mood
- editorial + bold
- Layout
- 1 col · grid · dense
- 05
showcase
A pitch-black portfolio showcase pairing rich physical packaging mockups with stark, minimal uppercase metadata labels.
- Mood
- editorial + raw
- Layout
- 1 col · grid · balanced
- 06
showcase
High-contrast dark grid showcasing diverse edgy digital work with brutalist typography and mixed media previews.
- Mood
- raw + bold
- Layout
- 8 col · grid · dense
- 07
showcase
A stark, high-contrast dark portfolio showcase displaying web design projects in minimalist rounded cards with simple uppercase labels.
- Mood
- raw + bold
- Layout
- 12 col · grid · balanced
- 08
showcase
Dark, cinematic dual-card portfolio showcase transitioning into a minimalist footer on pure black.
- Mood
- quiet + luxurious
- Layout
- 1 col · stacked · balanced
