Auttendo

Brand kit v1 · Mark, wordmark, app icon and OpenGraph assets with usage rules. Light and dark variants for every asset.

Read the README
01

The mark

Eight-point pinwheel with an open core. Use alone when the name is present elsewhere.
Black on lightSVGPNGJPG
White on darkSVGPNGJPG
clear space = 1 mark width
Constructioncore Ø = 25.2%
02

Wordmark

Mark + Auttendo in Inter. The A is slightly smaller than the mark and sits on its centre.
Auttendo
LightSVGPNGJPG
Auttendo
DarkSVGPNGJPG
Auttendo
Type onlyBlack PNGWhite PNGSVG
Auttendo
mark = 1.15 × cap height · gap = 0.3 em
ConstructionInter {{ wmWeightLabel }}, tracking −2%
03

App icon

Black tile, white mark centred. Standard tile for socials and partners; the native app tile runs the mark larger to hold its own in the Dock and taskbar.
macOS · roundedSVGPNGJPG
Windows · socials · squareSVGPNGJPG
Avatar cropSVGPNGJPG
internal only
Native app · macOS / WindowsSVGPNGJPG
Inverted · dark surfaces only{{ tilePct }} / {{ nativePct }} mark
Scale check · native tile
128 · 64 · 32 · 16 px
03b

In context

Rounded tile in the macOS Dock, square tile in the Windows taskbar. Neighbours are placeholders.
AuttendoFileEditViewWindowHelpWed 9:41 AM
macOS Dock · native tilePNGJPG
9:41 AM9/10/2026
Windows 11 taskbar · native tilePNGJPG
04

App icon + wordmark

For store listings, partner pages and press. Tile height = 1 em of the name.
Auttendo
LightSVGPNGJPG
Auttendo
DarkSVGPNGJPG
05

OpenGraph

1200 × 630 · aqua wash
Auttendo
{{ ogTagline }}
Default share card. Keep the wordmark within the central 60% so it survives every platform crop.PNGJPGBackground
06

Colour

Black and off-white carry the brand. Wash tints are backgrounds only, never for type or the mark.
Black#000000
Off-white#F8F8F8
Aqua#BDEBEA
Sky#A9D8F5
Cream#F4F7E8
Washwebp
07

Typography

Inter, all weights. Tight tracking on display sizes.
Aa Display · Inter SemiBold · −3%
Attendance, without the admin. Heading · Inter Medium · −1%
Body copy sets in Inter Regular at 15–17px with generous line height. Keep measure under 70 characters. Body · Inter Regular · 0%
08

Don't

Recolour the mark
Rotate it
Stretch it
Add effects
Auttendo
Resize the mark relative to the name