Brand identity
The AskAna system.
Marks, colours, and type — the same pieces every screen is built from. Tap a swatch to copy its hex; tap a mark to download the SVG.
Marks
Logos
Download as SVG — scales to any size, never blurs.
Primary mark
The A monogram with the clay dot — doubles as a location pin. Use on light backgrounds.
askana-mark.svg
Mark on dark
All-cream variant for dark or photographic backgrounds.
askana-mark-cream.svg
App badge
Rounded-square clay badge with cream A — for app icons and avatars.
askana-mark-badge.svg
Favicon
Same badge, scaled and weighted for tiny sizes.
askana-favicon.svg
Covers
Brand positioning covers
Pre-designed editorial compositions for social, decks, and marketing surfaces. Each one carries the AskAna voice and duality motif — download SVG or PNG.
Hero cover · 16:9
Wide editorial hero — "Tell Ana where you're going." with the duality stripe. Use for web heroes, OG share cards, YouTube covers.
askana-cover-hero.svg
Two ways · 1:1
Square duality composition for Instagram posts and avatars — the safe/elegant ↔ bold/stylish split made obvious.
askana-cover-square.svg
Story cover · 9:16
Vertical hero sized for Instagram / TikTok stories. Big mark, big italic invitation, duality strip at the bottom.
askana-cover-story.svg
Pitch cover · 16:9
Slide-deck title slide. Clay block, weighted mark, "One photo. Two looks. Both you." — a confident opener.
askana-cover-pitch.svg
Palette
Colour
Warm cream canvas, clay primary, sage elegant accent. Tap any swatch to copy.
Clay — primary / bold-stylish
Sage — elegant / safe accent
Cream / canvas
Warm ink / neutrals
Gold — premium detail
Status
Type
Typography
Newsreader for editorial display + Ana's voice. Hanken Grotesk for UI and body. Spline Sans Mono for prices and labels.
Display · Newsreader
Google Fonts ↗Tell Ana where you're going.
The italic carries Ana's emotional beat.
Weights: 400 · 500 · 600 · italic
UI · Hanken Grotesk
Google Fonts ↗Drop in a full-body photo and tell me the plan.
Warm humanist grotesque — friendly, legible, never sterile. All UI runs on it.
Weights: 400 · 500 · 600 · 700 · 800
Mono · Spline Sans Mono
Google Fonts ↗$186 · UNDER BUDGET
Prices, eyebrows, codes — the fashion-tag feel.
Weights: 400 · 500 · 600
Voice
How Ana sounds
A stylish friend texting you back. Confident and specific, never wishy-washy.
Wear the slip dress. Add the trench if it's cold.
✗You could maybe try a dress, or perhaps trousers.
Two ways to wear it.
✗Here are some outfit suggestions for your consideration.
Dinner in Lisbon.
✗A casual dining occasion.
Resources
Everything in one place.
Every mark and cover is downloadable as SVG (vector, infinitely scalable) or PNG — marks at 512 / 1024 / 2048 px, covers at 1080 / 1600 / 2400 px on the long edge. Type comes from Google Fonts (free, open source).