app.brandmark.io Open in urlscan Pro
2a06:98c1:3120::3 Public Scan

Back to summary

URL:
https://app.brandmark.io/v3/brand/762018e16de54b6cb3a991bca4880e59/brand-guidelines/
Submission: On October 04 via api (October 4th 2023, 8:47:33 am UTC) from US — Scanned from NL

Form analysis
5 forms found in the DOM

POST

<form method="post">
  <div class="modal-body">
    <div class="">
      <div class="text-center p-b-20 pull-up-sm">
        <div class="avatar avatar-lg">
          <div class="avatar-title bg-dark rounded-circle">
            <img style="width: 42px; height: auto;" src="/v3/brand/design-svg.php?read_id=C8F508FADDBA4E21971F779D2D5F20D1&amp;type=profile-icons&amp;template=white-transparent" class="m-t-50 m-b-50" alt="">
          </div>
        </div>
      </div>
      <h5 class="text-center mb-3">Symbol type</h5>
      <div class="row justify-content-center text-center">
        <div class="col-6 m-b-10">
          <div class="option-box-column" style="width: 100%">
            <input id="radio-column-1" name="use_monogram" type="radio" value="0">
            <label for="radio-column-1" style="width: 100%">
              <span class="radio-content ">
                <span class="p-all-15 d-block">
                  <div class="avatar avatar-lg">
                    <div class="avatar-title bg-dark rounded-circle">
                      <i class="mdi mdi-star mdi-32px"></i>
                    </div>
                  </div>
                </span>
                <span class="radio-highlight "> Icon </span>
              </span>
            </label>
          </div>
        </div>
        <div class="col-6 m-b-10">
          <div class="option-box-column" style="width: 100%">
            <input id="radio-column-2" name="use_monogram" type="radio" value="1" checked="">
            <label for="radio-column-2" style="width: 100%">
              <span class="radio-content ">
                <span class="p-all-15 d-block">
                  <div class="avatar avatar-lg">
                    <div class="avatar-title bg-dark rounded-circle">
                      <i class="mdi mdi-format-color-text mdi-32px"></i>
                    </div>
                  </div>
                </span>
                <span class="radio-highlight "> Monogram </span>
              </span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" data-dismiss="modal"> Close </button>
    <button type="submit" class="btn btn-success">Save</button>
  </div>
</form>

POST

<form method="post">
  <div class="modal-body">
    <div class="">
      <div class="text-center p-b-20 pull-up-sm">
        <div class="avatar avatar-lg">
          <div class="avatar-title bg-dark rounded-circle" style="font-size: 32px">
            <i class="mdi mdi-compass-outline mdi-32px"></i>
          </div>
        </div>
      </div>
      <h5 class="text-center mb-3">Mission statement</h5>
      <textarea name="mission" class="form-control" aria-label="Mission statement"></textarea>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" data-dismiss="modal"> Close </button>
    <button type="submit" class="btn btn-success">Save</button>
  </div>
</form>

POST

<form method="post">
  <div class="modal-body">
    <div class="">
      <div class="text-center p-b-20 pull-up-sm">
        <div class="avatar avatar-lg">
          <div class="avatar-title bg-dark rounded-circle" style="font-size: 32px">
            <i class="mdi mdi-face-outline mdi-32px"></i>
          </div>
        </div>
      </div>
      <h5 class="text-center mb-3">Buyer persona</h5>
      <textarea name="buyer_persona" class="form-control" aria-label="Buyer persona"></textarea>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" data-dismiss="modal"> Close </button>
    <button type="submit" class="btn btn-success">Save</button>
  </div>
</form>

#

<form class="needs-validation" action="#">
  <div class="p-b-20 text-center">
    <p>
      <i class="mdi mdi-resize mdi-36px"></i>
    </p>
    <p class="admin-brand-content"> Pixel Size </p>
  </div>
  <div class="form-row">
    <div class="form-group floating-label col-md-6">
      <label>Width</label>
      <input id="custom_download_width" type="number" class="form-control" placeholder="Width">
    </div>
    <div class="form-group floating-label col-md-6">
      <label>Height</label>
      <input id="custom_download_height" type="number" class="form-control" placeholder="Height">
    </div>
  </div>
  <div class="form-row">
    <div class="form-group col-md-6">
      <p class="m-t-10">
        <label class="cstm-switch">
          <input id="custom_download_trim" type="checkbox" name="option" value="0" class="cstm-switch-input">
          <span class="cstm-switch-indicator "></span>
          <span class="cstm-switch-description"> Trim edges</span>
        </label>
      </p>
    </div>
    <div class="form-group floating-label col-md-6">
      <label>Background</label>
      <span class="input-group colorpicker-element" id="color-picker" data-colorpicker-id="1">
        <input type="text" class="form-control" id="color-picker-input" placeholder="Background">
        <span class="input-group-append">
          <span class="input-group-text colorpicker-input-addon" data-original-title="" title="" tabindex="0"><i style="background: rgb(0, 0, 0);"></i></span>
        </span>
      </span>
    </div>
  </div>
  <a href="#" id="custom_download_button" target="_blank" class="btn btn-primary btn-rounded btn-block btn-lg"><i class="mdi mdi-download"></i> Download PNG</a>
</form>

POST

<form method="post">
  <input type="hidden" name="index" id="palette-modal-index" value="0">
  <div class="modal-body">
    <div class="">
      <div class="text-center p-b-20 pull-up-sm">
        <div class="avatar avatar-lg">
          <div class="avatar-title bg-dark rounded-circle" style="font-size: 32px">
            <i class="mdi mdi-invert-colors mdi-32px"></i>
          </div>
        </div>
      </div>
      <h5 class="text-center mb-3">Edit Color</h5>
      <div class="form-group floating-label">
        <label>Color Hex Code</label>
        <span class="input-group colorpicker-element" id="color-picker-palette" data-colorpicker-id="2">
          <input type="text" name="color" class="form-control" id="palette-modal-input" placeholder="Color code">
          <span class="input-group-append">
            <span class="input-group-text colorpicker-input-addon" data-original-title="" title="" tabindex="0"><i style="background: rgb(0, 0, 0);"></i></span>
          </span>
        </span>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" data-dismiss="modal"> Close </button>
    <button type="submit" class="btn btn-success">Save</button>
  </div>
</form>

Text Content

   
 * Logo files
   
   
 * Brand guidelines
   
   
 * Mockups
   
   
 * Profile icons
   * Icon
   * Full logo
   
   
 * Business cards
   
   
 * Letterheads
   
   
 * Social Media
   * Facebook
     * Posts
     * Covers
   * Instagram
   
   
 * Presentations
   
   
 * Invoice
   



 * 
   Designer package
   Upgrade to Enterprise package
   
   Edit logo
   
   My logos
   
   Download all assets (1.2 GB)
   
   Package information

--------------------------------------------------------------------------------





FIDES LOGO

Size & Spacing

Maintain spacing of at least R around the logo. Where R = 1/3 times the mimimal
logo dimension (smaller of logo width and logo height)

Download logo
Download for web Download for print
Download EPS file Download SVG file Download JPG file

Download in custom size

R

R





R

R





FIDES ICON

Size & Spacing

Maintain spacing of at least r around the brand icon. Where r = 1/3 the unit
square around the icon. The unit square is defined by the largest of icon width
or height.

Download icon
Download for web Download for print
Download EPS file Download SVG file Download JPG file

Download in custom size

R

R





R

R




--------------------------------------------------------------------------------


BRAND ICON

Symbol & Iconography

Use the full logo when possible, and the symbol alone for space-constrained
applications such as profile images and app icons

--------------------------------------------------------------------------------


Full color

Print

On photo

Variant 1

Variant 2

Variant 3


COLOR PALETTE



Background
#ffffff


Foreground
#261971


Accent 1
#4580e6


Accent 2
#3b5ebf


Accent 3
#303b98

50


RGB

R
255
G
255
B
255

CMYK

C
0
M
0
Y
0
K
0

20


RGB

R
38
G
25
B
113

CMYK

C
66
M
78
Y
0
K
56

10


RGB

69
128
230



CMYK

70
44
0
10

10


RGB

59
94
191



CMYK

69
51
0
25

10


RGB

48
59
152



CMYK

68
61
0
40

--------------------------------------------------------------------------------


OUR MISSION

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Download mockup

--------------------------------------------------------------------------------


BUYER PERSONA

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Download mockup
Download mockup
Download mockup
Download mockup
Download mockup
Download mockup

TYPOGRAPHY

Headings

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

Subtitle

TITLE FONT

BRANDMARK SANS 1 COLOR

Font name

NORMAL

Font weight

NORMAL

Font style


SUBTITLE FONT

MAVEN PRO

Font name

NORMAL

Font weight

NORMAL

Font style

© 2023

SHARE LINK

Send this link to share the brand guide with designers or employees. This link
does not allow the user to edit your logo or designs


Copy link

SYMBOL TYPE


Icon

Monogram
Close Save

MISSION STATEMENT

Close Save

BUYER PERSONA

Close Save
×

Pixel Size

Width
Height

Trim edges

Background
Download PNG

EDIT COLOR

Color Hex Code
Close Save

app.brandmark.io Open in urlscan Pro 2a06:98c1:3120::3 Public Scan

Form analysis 5 forms found in the DOM

POST

POST

POST

#

POST

Text Content

app.brandmark.io Open in urlscan Pro
2a06:98c1:3120::3 Public Scan

Form analysis
5 forms found in the DOM