\DESIGNSORCERY>_

Home | Scrawlr

Video · Light

Design System Inspiration

Scrawlr — extracted via DESIGN.md

Media · Social community platform

clean interactive dark-theme minimalist typographic card-based layout dark mode toggle call-to-action button community feed

Typography

Source Sans 3

Heading

Aa Aa Aa Aa

Montserrat

Body

Aa Aa Aa Aa

Color palette

TL;DR

Scrawlr utilizes a "monochrome-plus-one" strategy where a high-voltage primary blue `#196aff` provides the only chromatic relief against a grayscale foundation. Typography is the primary structural driver, pairing **Montserrat** for authoritative 300px display headers with **Source Sans 3** for functional UI and body text. The system relies on a strict 4px base unit and consistent 8px corner radii for interactive controls. Surfaces are predominantly flat white `#ffffff` or light gray `#f4f6f8`, with depth provided by a single, complex multi-layered shadow rather than traditional borders.

Target audience

The target audience is individuals interested in a creative community platform, likely artists, writers, or hobbyists looking to share and discover content.

Full tech stack

Contentsquare Google Analytics Google Tag Manager

Analytics

Google Tag Manager Google Analytics Contentsquare

Meta description

See what's new on Scrawlr. Discover the latest scrawls from the community and join the conversation.

Brand Voice

Conversational, community-driven, and informal with a focus on shared interests and real-time reactions.

Positioning

Scrawlr is a social community platform for users to follow specific topics, share content, and engage in casual discourse. It serves as a hub for interest-based discussion ranging from pop culture and music to product reviews and feature requests.

Voice principles

  • Conversational: Use natural, everyday language including slang and informal punctuation.
  • Inquisitive: End marketing and community prompts with open questions to encourage participation.
  • Direct: State actions and categories plainly without unnecessary fluff or corporate jargon.
  • Relatable: Adopt the tone of the user base by mirroring casual speech patterns and enthusiast energy.

More SaaS/Software Product Designs

← Back to Gallery