Skip to main content

Size Conventions

This article is a cheat sheet for all my images specification.

Gitlab README Covers

  • Width: 1350px
  • Height: 440px
  • Logo:
    • Width: 250px
    • Height: 250px
    • X-Axis: 150px
    • Y-Axis: 95px
  • Title:
    • Font: Open Sans Regular
    • Size: 50
    • Weight: Normal
    • X-Axis: 450px
    • Y-Axis: variable

Bookstack Shelves/Books Covers

  • Width: 440px
  • Height: 250px
  • Logo:
    • Width: 125px
    • Height: 125px
    • X-Axis: 157.5px
    • Y-Axis: 62.5px

Notion Covers

  • Width: 1500px
  • Height: 500px
  • Pattern: link
  • Title:
    • Font: Open Sans Light
    • Style: None
    • Size: 120px
    • Effect: Background
      • Corner: 0
      • Padding: 15px
      • Transparency: 100
    • X-Axis: variable
    • Y-Axis: 154px
  • Icon:
    • Width: 256px
    • Height: 256px
    • X-Axis: 622px
    • Y-Axis: 122px

Notion Icons

  • Width: 128px
  • Height: 128px
  • Display Scale: 100%
  • Shape: Square
  • Stroke: 25px