crazycreative-design
Irreverent, ultra-energetic, and playful. Saturated bubblegum pink and electric yellow collide with deep dark sections, retro vector cartoon illustrations, and bouncy tight display type to project unstoppable creative confidence.
Visit siteColour
Background#121212
Text#ffffff
Accent#ff66c8
Surface#ffffff
Muted#4d4d4d
Typefaces
- Display
- Bricolage Grotesque
- Body
- Bricolage Grotesque
- Mono
- —
- Source
- Scale
- 16 · 18 · 24 · 28 · 40 · 56
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 12px · 24px · 999px
Capture
- Category
- other
- Sections
- 20
- Captured
- 2026-08-30
- Rhythm
- pink → dark → yellow → light → dark → light → pink
Type rules
- display type set in tightly tracked high-weight sans with tight line-height
- body text constrained to compact reading measures under 40 characters
- handwritten cursive scripts used as playful accent eyebrow labels
Colour rules
- sections alternate between saturated neon pink, vivid yellow, deep black, and crisp white
- dark backgrounds carry high-contrast white text while pastel and white sections use deep charcoal
Voice rules
- conversational one-liners
- playful callout headers styled as doodles
Holds it together
- pair every primary section block with an expressive cartoon vector illustration
- use pill-shaped buttons with high contrast against the parent section canvas
- introduce handwritten or doodle-style script accents above primary section headlines
Contrast
text on background18.7:1 AAA
muted text on background2.2:1 fail
accent on background7.1:1 AAA
background on accent7.1:1 AAA
Type, measured
- Body
- 18px / 1.6
- Measure
- 38 characters
- Display
- 130px / 0.85
- Tracking
- -0.017em display
- Scale ratio
- 1.64
Voice
- Tone
- playful, confident, irreverent
- Sentences
- short
- Person
- second
- Vocabulary
- casual
- Calls to action
- book, get, connect
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 15.6 screens
Sections in page order
20- 00
hero
High-energy, vibrant bubblegum pink hero with punchy display typography and playful Y2K-leaning accents.
- Mood
- playful + bold
- Layout
- 1 col · centered · airy
- 01
hero
Vibrant and hyper-energetic retro cartoon illustration of an exploding bomb-headed character rushing forward in pure panic.
- Mood
- playful + nostalgic
- Layout
- 6 col · full bleed · airy
- 02
statement
Subtle dark transition statement with glowing gradient script peeking in from the top edge.
- Mood
- dreamy + quiet
- Layout
- 3 col · centered · airy
- 03
statement
Dark, dreamy statement section featuring a surreal glowing brain illustration above an interactive toggle.
- Mood
- dreamy + playful
- Layout
- 1 col · centered · airy
- 04
showcase
A vibrant, cartoonish illustration capturing the late-night flow state of a focused creator working behind a glowing laptop.
- Mood
- playful
- Layout
- 2 col · full bleed · balanced
- 05
statement
A vibrant yellow statement banner anchored by playful gradient script typography and low-contrast display text.
- Mood
- playful + bold
- Layout
- 3 col · centered · airy
- 06
feature
Vibrant pop-yellow feature cards with high-contrast comic-inspired illustrations and punchy, tight sans-serif typography.
- Mood
- playful + bold
- Layout
- 2 col · grid · balanced
- 07
showcase
Vibrant and fantastical vector illustration of an enchanted sword beaming luminous rainbow rays upward across the frame.
- Mood
- playful + dreamy
- Layout
- 8 col · centered · airy
- 08
hero
An airy and playful personal introduction combining a monochrome portrait, rainbow script lettering, and faint centered typography.
- Mood
- playful + quiet
- Layout
- 3 col · stacked · airy
- 09
showcase
Clean award badges housed in minimal white cards styled with playful vector bounding box handles.
- Mood
- playful + quiet
- Layout
- 3 col · grid · balanced
- 10
feature grid
Soft light background framing three white feature cards with designer-tool bounding box icons and clean typography.
- Mood
- playful + quiet
- Layout
- 3 col · grid · balanced
- 11
cta
An airy, whimsical light card featuring a dark pill CTA button anchored by floating iridescent gem and doorway graphics.
- Mood
- playful + dreamy
- Layout
- 6 col · centered · airy
- 12
testimonial
Quiet, minimal testimonial section with an oversized low-contrast pull quote and darker body text on a clean white background.
- Mood
- quiet
- Layout
- 2 col · stacked · airy
- 13
testimonial
Clean, card-based social proof grid showcasing founder quotes and social media praise with rounded avatars on a bright canvas.
- Mood
- quiet + clinical
- Layout
- 3 col · grid · balanced
- 14
pricing
Vibrant and eccentric cartoon illustration featuring a mounted mythical creature flanked by colorful snakes under a glowing script pricing sign.
- Mood
- playful + bold
- Layout
- 3 col · centered · balanced
- 15
pricing
Clean, contemporary two-tier pricing cards with electric lime action buttons and subtle wireframe-inspired bounding box accents.
- Mood
- playful + bold
- Layout
- 2 col · grid · balanced
- 16
faq
Clean, light FAQ split layout pairing a direct question submission form with expandable answers alongside a playful cartoon character.
- Mood
- playful + quiet
- Layout
- 12 col · split · balanced
- 17
cta
An airy, playful call-to-action anchored by a whimsical illustration of the grim reaper riding a rainbow unicorn.
- Mood
- playful
- Layout
- 8 col · stacked · airy
- 18
other
A playful, vibrant graphic transition featuring bold magenta flames and a cartoon character bouncing upward on a spring.
- Mood
- playful + bold
- Layout
- 16 col · full bleed · airy
- 19
cta
High-energy comic-style CTA card surrounded by electric pink padding and anchored by simple navigation links.
- Mood
- playful + bold
- Layout
- 1 col · stacked · balanced
