Brand
Ascern's identity: the symbol, the outlined lettering, the app icon and the brand colour. This page sets how they're used.
Identity
Foundations
Brand
Ascern's identity: the symbol, the outlined lettering, the app icon and the brand colour. This page sets how they're used.
Logo
Lockup · on white and light surfaces · ascern-lockup.svg
White · on brand green or photography · ascern-lockup-white.svg
Mono · one-colour print, partner pages · ascern-lockup-mono.svg
Symbol · three rounded strokes · minimum 24px
App icon · mark at 50%
48
32
16 · favicon mark at 64%
App icon · one-colour tile, corner radius 236/1024, white mark · Apple touch full-bleed, Android maskable mark at 42%
Clear space and size
· Clear space on every side: half the symbol height (20px at a 40px lockup).
· Minimum: lockup 120px wide, symbol 24px. Below that use the app icon.
· Symbol to lettering gap: 48 SVG units, 8.8px at 40px.
· In the app sidebar, the 20px app tile replaces the lockup; the workspace name sits beside it.
· Sign-in and entry pages use the 32px app icon, not the lockup; the page heading carries the name.
· Minimum: lockup 120px wide, symbol 24px. Below that use the app icon.
· Symbol to lettering gap: 48 SVG units, 8.8px at 40px.
· In the app sidebar, the 20px app tile replaces the lockup; the workspace name sits beside it.
· Sign-in and entry pages use the 32px app icon, not the lockup; the page heading carries the name.
Colour
Dusky green #004F46
Logo, app icon and every action: buttons, links (underlined), focus, selection. White 9.5:1.
Ink #101112
Text and lettering
C2 Celadon and stone · brand moments in the app
Empty-state art, onboarding, illustrations. Never on controls, text or status: the app chrome stays ink, greys and one green.
H1 Coral and mist · marketing
ascern.io, decks and ads. Coral never appears in the app, where red means danger.
Type
Inter everywhere: 400 body, 500 controls, 600 headings. The wordmark is outlined lettering in the logo file; never typeset "Ascern" as a logo. Marketing display 64/68, section 40/46; the app uses the four sizes on Typography.
Voice
Headline: Run your 360 desk without the legwork. The consultant is the subject; Ascern does the legwork. Always pair autonomy with: Nothing goes to a client or candidate until you approve it.
Don't
Stretch or squash it
Put the colour logo on a colour that fights it; use white or mono
Ascern
Retype the wordmark in any font
Add a second colour or gradient to the tile
Marketing type
Brand · Marketing
Marketing type
ascern.io, decks and ads use a larger type scale than the app. Same Inter, same weights. Colours are on this page's identity board; controls and states are the design system's components at their large size.
Inter · 400 regular · 500 medium · 600 semibold
You make
the calls.
the calls.
Display · 64/68 desktop · 40/44 mobile
Less legwork.
Section · 40/46 desktop · 32/38 mobile
Ready for your review
Card title · 24/32
Nothing goes to a client or candidate until you approve it.
Lead · 18/27
Check the source. Edit the draft. Make the call.
Body · 16/24
Product moments, graphics and icons
Brand · Marketing
Product moments, graphics and icons
Marketing shows the product doing the work and the consultant making the call. Example records are always labelled as examples.
Shortlist · example data
Minh Le
Awaiting review
Senior backend engineer
Matches the Go requirement.
Notice period needs confirmation.
Matches the Go requirement.
Notice period needs confirmation.
Source: candidate CV · page 2
Approve
Edit
Reject
Finding roles · example data
Northline is hiring
Backend engineer · permanent role
Listed on the company careers page.
Check the brief before contacting the client.
Listed on the company careers page.
Check the brief before contacting the client.
View source listing
Review lead
Dismiss
Message · draft, not sent
Hi Minh, could you confirm your notice period?
Nothing goes to the candidate until you approve it.
Approve and send
Edit draft
Your channels, organised · example
Email linked to Northline · Backend engineer
Meeting linked to Minh Le · Candidate
Show the source and destination record.
Material record changes remain subject to approval.
Material record changes remain subject to approval.
01 · Role to shortlist
Role brief
02 · Your review
01
Prepare
02
You review
03
Approve
03 · Channels to records
Email
Calendar
Meetings
The right record
04 · Background pattern
Product sequences carry the message. The parallel-line pattern is decorative and stays clear of body text. Each graphic is its own SVG file. The logo stays the only identity mark.
No stock robots or invented client logos. Use real product evidence when it exists. Example records stay labelled as examples.
Icons · Phosphor bold, the same family as the app · 24px on marketing, 16px in the app
Company
Role
Candidate
Email
Calendar
Meeting
Approve
Edit
Reject
Source
Search
Next
Pair an unfamiliar icon with a visible label. Keep decorative graphics outside the reading column. Sizes, weights and colours are on Iconography.
Motion, applications and landing
Brand · Marketing
Motion, applications and landing
The story every demo tells: Ascern prepares, the consultant reviews, the state changes only after a real action. Nothing is sent during a demonstration.
01 · Prepared
Draft · not sent
Show the source and why the candidate matches.
02 · Review
Awaiting review
Hold this state. The consultant approves, edits or rejects.
03 · Acknowledge
Approved
Update only after a real action succeeds. Keep send status separate.
Hover: colour change, 160ms ease-out (as the app).
Selection: crossfade, 200ms ease-out.
Section reveal: 12px rise and fade, 240ms ease-out, once.
No scroll pinning or automatic approval loops.
Selection: crossfade, 200ms ease-out.
Section reveal: 12px rise and fade, 240ms ease-out, once.
No scroll pinning or automatic approval loops.
Reduced motion: no movement, fades only.
Content stays visible if animation can't run.
Never move text while someone is reading it.
Looping product demos get pause and replay.
Content stays visible if animation can't run.
Never move text while someone is reading it.
Looping product demos get pause and replay.
Run your 360 desk
without the legwork.
without the legwork.
Application specimen
Social previews and pitch slides use the same lockup, type and promise. Adapt the crop, keep the identity.
Social previews and pitch slides use the same lockup, type and promise. Adapt the crop, keep the identity.
How it works
Your control
FAQ
Log in
Book a demo ↗
For founder-led recruitment agencies
Run your 360 desk
without the legwork.
without the legwork.
Find new roles. Prepare shortlists. Keep every conversation in context. Ascern does the legwork. You make the calls.
Book a demo ↗
See how it works ↓
Nothing goes to a client or candidate until you approve it.
01 Find roles
02 Prepare shortlists
03 Review and approve
Roles / Senior Product Designer / Shortlist
Illustrative example
A shortlist with reasons.
Ready for review
AL
Alex Lee
B2B product design · Complex workflows
MT
Minh Tran
Design systems · Research-led delivery
Why Alex is on the shortlist
Designed approval workflows for a B2B product team.
Evidence: portfolio case study
Still to check: availability
Still to check: availability
Review candidate
View evidence ↗
The mark and the name
Brand · Story
The Ascent
Every recruitment desk climbs the same hill. Find the role, build the shortlist, land the placement. Most of the climb is legwork. The last step is judgement.
Our mark draws that climb, and who takes each part of it.
Two strokes rise together
That's Ascern. Finding roles and preparing shortlists, side by side, always moving up. They stop short of the top on purpose.
One stroke reaches the top
That's you. Only the consultant goes the whole way, because only the consultant makes the call.
One baseline
All three stand on the same ground: one desk, one set of records. Every email, call and meeting in one place.
The open gap
The left leg never meets the peak. That space is held for your decision. Nothing goes to a client or candidate until you close it.
The name
Ascern
ascertain
to find out for certain. The evidence, the sources, the checked facts.
discern
to judge well. Who fits, who to call, what to send.
Ascern sits between the two words, the way the product sits between the data and the decision. And it sounds like what it draws: an ascent.
Ascern ascertains. You discern.
The short version of the mark, the name and the product.
Use the story in decks, the about page and onboarding. Don't explain the mark inside the product; in the app it's just the logo.