Skip to content
Brand

dosya.dev brand assets

Everything you need to show dosya.dev in a review, an integration page or a talk. The files below are rendered from the same source as the apps, so they match what your readers see in the product.

Download the kit (zip)

dosya-brand-kit.zip · SVG, PNG, ICO · colour sheet · 176 KB

The mark

A folder outline with one green seal in the lower right. The outline takes the ink colour of whatever it sits on. The seal is the only hue and stays green.

PNG at 512 and 2048 px, the app icon on its plate, and the favicon are in the kit.

The wordmark

Set in Space Mono, bold italic, always lowercase. The “.dev” is part of the name. Write “dosya.dev” in running text; “Dosya”, “DOSYA” and “Dosya Dev” are wrong.

Colour

Graphite commits, green signals. The mark uses two of these, and the seal is the only green.

#18181b Graphite Ink on light surfaces; the app icon plate
#fafafa Paper Ink on dark surfaces
#16a34a Seal, on light The seal when the mark sits on paper
#22c55e Seal, on dark The seal on graphite; the brand green in the apps
#15803d Green as text Green as text or a link on a light ground
#e4e4e4 Hairline The border round a paper plate or badge
#f5f5f5 Ground, light Page background, light
#131313 Ground, dark Page background, dark. Not black.

Also in the kit as colours.css and colours.json.

Type

Space Grotesk

Headings and body. Open Font License, on Google Fonts.

Space Mono

The wordmark, labels and code. Open Font License, on Google Fonts.

Clear space and size

Keep clear space of half the mark’s width on every side. Never smaller than 16 px on screen or 4 mm in print. Below that, use the solid variant.

Badges

For your footer or your download page: a 32 px pill that says how your product relates to dosya.dev. Two verbs, one file per ground. Link it to https://dosya.dev/ and let the reader’s theme pick the file, as in the snippet.

  • Works with dosya.dev Powered by dosya.dev
  • Works with dosya.dev, for dark pages Powered by dosya.dev, for dark pages
<a href="https://dosya.dev/" title="Works with dosya.dev">
  <picture>
    <source srcset="https://dosya.dev/badges/works-with-dark.svg" media="(prefers-color-scheme: dark)">
    <img src="https://dosya.dev/badges/works-with.svg" alt="Works with dosya.dev" height="32">
  </picture>
</a>

For a README: a 20 px shield, served from dosya.dev so one line of Markdown is all it takes and nothing depends on a third-party badge service.

[![dosya.dev: supported](https://dosya.dev/badges/dosya-supported.svg)](https://dosya.dev/)

Don’t

Using these files

You may use the dosya.dev name and mark to say that your product works with dosya.dev, to review or write about it, or to link to it. You may not use them to suggest that we endorse or built your product, or as part of your own logo. If in doubt, write to us.