Styleguide

Digital Loom Brand Style Guide

Logo Usage

Primary Logo

Full-color version (horizontal)

To be used on white or light backgrounds

Alternate Versions
Monochrome (white/black)
Icon-only (for favicons, app icons)
Menu Item

Voice & Tone

Brand Voice:

  • Confident, modern, expert — without being overly technical
  • Empathetic and user-centered
  • Professional with a touch of creativity

Tone Examples:

  • “We craft secure, scalable solutions for the future of your business.”
  • “Your vision, powered by tech, styled by design.”

UI Elements (for Web/App Projects)

Buttons

  • Rounded corners (rounded-2xl)
  • Primary: Indigo Blue background, white text
  • Hover: Slight scale with soft shadow

Cards & Layout

  • Use grid layouts (2–4 columns)
  • Soft shadows, padding p-4 to p-6
  • Maintain whitespace for clarity

Accessibility

  • Contrast ratio: 4.5:1 minimum
  • Alt text for all images
  • Keyboard navigability

Colors

Easily customize the primary, secondary, and additional color palettes using Webflow's variables feature.
©2025 Digital loom template built by . Powered by Webflow.