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 product lockup
Write the brand as AskAna - one word. Use "Ask Ana." only as a sentence, invitation or punchline.
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 brief. Two looks. Both you." - a confident opener.
askana-cover-pitch.svg
LinkedIn company banner · 1128 × 191
Company page cover, at LinkedIn's exact size. The left third is left empty on purpose - LinkedIn drops your page logo there.
askana-linkedin-banner.png
LinkedIn profile banner · 1584 × 396
For a personal profile. Everything sits right of, and above, where your profile photo lands.
askana-linkedin-profile-banner.png
LinkedIn company logo · 400 × 400
The page logo. LinkedIn crops it to a rounded square, so the mark is centred with wide margins.
askana-linkedin-logo.png
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 ↗Add an optional outfit 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).