Style guide · v1
Design system
The foundations, components and section patterns behind this site. Built from color and text styles, reusable components and one shared layout template.
Colors
Semantic color styles, grouped by role. Use these instead of raw values.
Background/Page
#0A0A0A
rgb(10, 10, 10)
Text/Primary
#FAFAFA
rgb(250, 250, 250)
Border/Default
#1F1F1F
rgb(31, 31, 31)
Text/Secondary
#999999
rgb(153, 153, 153)
Border/Strong
#333333
rgb(51, 51, 51)
Surface/Card
#0F0F0F
rgb(15, 15, 15)
Surface/Empty State
#CCCCCC33
rgba(204, 204, 204, 0.2)
Utility/Sky Blue
#0099FF
rgb(0, 153, 255)
Accent/Highlight
#FFD166
rgb(255, 209, 102)
Status/Error
#FF0000
rgb(255, 0, 0)
Status/Error Tint
#FF000033
rgba(255, 0, 0, 0.2)
Status/Error Surface
#330000
rgb(51, 0, 0)
Typography
Manrope for headings and data, Inter Display for body and labels, Geist Mono for code.
Heading/Heading 1
Crafted interfaces
Heading/Heading 2
Selected work
Heading/Heading 3
Brand systems
Body/Subheadline
Design lead focused on product clarity.
Body/Primary
Body copy for primary reading content.
Body/Secondary
Supporting copy and descriptions.
Body/Quotes
“A thoughtful partner from day one.”
Label/Button
Book a call
Label/Default
Website · 2026
Label/Small
Updated 2 days ago
Data/Number Big
120+
Data/Price small
$2,400
Code/Code
npm run dev
Spacing & radius
A 4 / 12 / 24 / 48 spacing scale. Corners: 5–6px on cards and controls, fully round on pills.
4px
12px
24px
48px
5px
6px
24px
Round
Buttons and Controls
14 components · 70 variants
Button
Link simple
Copy Button
Primary - Square
Copy email
Primary - Square - Clicked
Copy email
Secondary - Square
Copy email
Secondary - Square - Clicked
Copy email
Primary - Circle
Copy email
Primary - Circle - Clicked
Copy email
Secondary - Circle
Copy email
Secondary - Circle - Clicked
Copy email
Download Button
Primary - Square
Download CV
Primary - Square - Downloaded
Download CV
Secondary - Square
Download CV
Secondary - Square - Downloaded
Download CV
Primary - Circle
Download CV
Primary - Circle - Downloaded
Download CV
Secondary - Circle
Download CV
Secondary - Circle - Downloaded
Download CV
No Link
Default
View case study
Hovered
View case study
Open new
View case study
Open new - Hovered
View case study
Plus Minus
Plus
Minus
Toggle
Left
Partner
Project
Right
Partner
Project
Tab
Selected
Partner
Default
Partner
Tabs
Three Tabs - Tab 1 Selected
Partner
Sprint
Project
Three Tabs - Tab 2 Selected
Partner
Sprint
Project
Three Tabs - Tab 3 Selected
Partner
Sprint
Project
Two Tabs - Tab 1 Selected
Partner
Sprint
Two Tabs - Tab 2 Selected
Partner
Sprint
Play
Default
hover
Button Form
Default - Squared
Default - Rounded
Loading
Disabled - Squared
Disabled - Rounded
Success - Squared
Success - Rounded
Error - Squared
Error - Rounded
Copy Button Card
Default
hello@example.com
Clicked
hello@example.com
Button Card
Default
Elements
18 components · 51 variants
Tiny circle
Cliping
Simple
Empty
Dot
Pill
Default - Squared
Website
Default - Rounded
Website
Light - Squared
Website
Light - Rounded
Website
Border - Squared
Website
Border - Rounded
Website
Dark - Squared
Website
Dark - Rounded
Website
Small - Squared
Website
Small - Rounded
Website
Supporting text and CTA
Default vertical
Not sure what you need?
Default Horizontal
Not sure what you need?
Background
Not sure what you need?
Border
Not sure what you need?
Rating
Five
5.0
/ 5
Four
5.0
/ 5
Three
5.0
/ 5
Two
5.0
/ 5
One
5.0
/ 5
Clients and rating
Squares
5.0
/ 5
Trusted by top brands
Circles
5.0
/ 5
Trusted by top brands
Feature line
Default
Discovery, flows and priorities
Check Fill
Discovery, flows and priorities
Stack Icon
Greyscale
![](data:image/svg+xml,<svg display="block" id="2080646840" role="presentation" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="24px" id="FdKsc0is5" transform="translate(16 12)" width="16px"><path d="M 0 24 L 0 0 L 16 0 L 16 24 Z" fill="transparent" height="24px" id="gBdJDpU74" width="16px"/><path d="M 8 16 L 8 24 L 0 16 L 0 8 L 8 8 L 0 0 L 16 0 L 16 8 L 8 8 L 16 16 Z" fill="rgb(0, 0, 0)" height="24px" id="maxWY1wHA" width="16px"/></g></svg>)
No greyscale
Certification
Default
![](data:image/svg+xml,<svg display="block" id="2304629274" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="22.786611931525645px" id="gTCwftoEb" transform="translate(7.787 8.414)" width="24px"><path d="M 10.694 0.456 C 11.422 0.758 12.083 1.199 12.641 1.756 C 13.198 2.313 13.64 2.974 13.942 3.702 C 14.21 4.349 14.362 5.037 14.393 5.735 C 14.4 5.895 14.308 6.042 14.165 6.113 L 12.231 7.079 C 12.088 7.151 11.999 7.297 11.992 7.457 C 11.962 8.155 11.809 8.843 11.541 9.49 C 11.239 10.218 10.797 10.879 10.24 11.436 C 9.683 11.993 9.021 12.434 8.293 12.736 C 7.565 13.037 6.784 13.192 5.996 13.192 C 5.208 13.192 4.428 13.037 3.7 12.736 C 2.971 12.434 2.31 11.993 1.752 11.436 C 1.195 10.879 0.753 10.218 0.452 9.49 C 0.183 8.843 0.031 8.155 0 7.457 C -0.007 7.297 0.085 7.151 0.228 7.079 L 2.162 6.113 C 2.305 6.042 2.394 5.895 2.401 5.735 C 2.431 5.037 2.584 4.349 2.852 3.702 C 3.154 2.974 3.596 2.313 4.153 1.756 C 4.71 1.199 5.372 0.758 6.1 0.456 C 6.828 0.155 7.609 0 8.397 0 C 9.185 0 9.965 0.155 10.694 0.456 Z M 10.519 3.876 C 10.24 3.598 9.909 3.377 9.545 3.226 C 9.181 3.076 8.791 2.998 8.397 2.998 C 8.003 2.998 7.613 3.076 7.248 3.226 C 6.884 3.377 6.554 3.598 6.275 3.876 C 5.996 4.155 5.775 4.485 5.624 4.849 C 5.507 5.132 5.434 5.431 5.407 5.736 C 5.394 5.895 5.306 6.042 5.163 6.113 L 3.229 7.079 C 3.086 7.151 2.993 7.297 3.007 7.457 C 3.033 7.761 3.106 8.06 3.224 8.343 C 3.375 8.707 3.596 9.037 3.874 9.316 C 4.153 9.594 4.484 9.815 4.848 9.966 C 5.212 10.116 5.602 10.194 5.996 10.194 C 6.39 10.194 6.78 10.116 7.145 9.966 C 7.509 9.815 7.839 9.594 8.118 9.316 C 8.397 9.037 8.618 8.707 8.769 8.343 C 8.886 8.06 8.959 7.761 8.986 7.457 C 9 7.297 9.087 7.151 9.23 7.079 L 11.164 6.113 C 11.307 6.042 11.4 5.895 11.386 5.736 C 11.36 5.431 11.287 5.132 11.169 4.849 C 11.018 4.485 10.797 4.155 10.519 3.876 Z" fill="rgb(226, 41, 53)" height="13.192216216447822px" id="cD3SprZYQ" transform="translate(4.803 4.797)" width="14.393025673705727px"/><path d="M 17.334 0.822 C 18.645 1.364 19.836 2.159 20.839 3.161 C 21.842 4.164 22.638 5.354 23.181 6.663 C 23.69 7.892 23.968 9.204 24 10.533 C 24.004 10.692 23.913 10.839 23.77 10.91 L 21.836 11.876 C 21.693 11.948 21.603 12.094 21.599 12.254 C 21.567 13.582 21.29 14.894 20.78 16.123 C 20.237 17.433 19.441 18.623 18.438 19.625 C 17.435 20.627 16.244 21.423 14.934 21.965 C 13.623 22.507 12.218 22.787 10.8 22.787 C 9.381 22.787 7.976 22.507 6.666 21.965 C 5.355 21.423 4.164 20.627 3.161 19.625 C 2.158 18.623 1.362 17.433 0.819 16.123 C 0.31 14.894 0.032 13.582 0 12.254 C -0.004 12.094 0.087 11.948 0.23 11.876 L 2.164 10.91 C 2.307 10.839 2.397 10.692 2.401 10.533 C 2.433 9.204 2.71 7.892 3.22 6.663 C 3.763 5.354 4.558 4.164 5.562 3.161 C 6.565 2.159 7.756 1.364 9.066 0.822 C 10.377 0.279 11.782 0 13.2 0 C 14.619 0 16.024 0.279 17.334 0.822 Z M 18.597 12.254 C 18.603 12.094 18.692 11.948 18.835 11.876 L 20.769 10.91 C 20.912 10.839 21.003 10.692 20.998 10.533 C 20.967 9.598 20.767 8.676 20.408 7.81 C 20.016 6.865 19.442 6.005 18.717 5.281 C 17.993 4.558 17.133 3.983 16.186 3.592 C 15.239 3.2 14.225 2.998 13.2 2.998 C 12.176 2.998 11.161 3.2 10.215 3.592 C 9.268 3.983 8.408 4.558 7.683 5.281 C 6.959 6.005 6.384 6.865 5.992 7.81 C 5.633 8.676 5.434 9.598 5.403 10.533 C 5.397 10.692 5.308 10.839 5.165 10.91 L 3.231 11.876 C 3.088 11.948 2.997 12.094 3.002 12.254 C 3.033 13.189 3.233 14.111 3.592 14.976 C 3.984 15.922 4.558 16.781 5.283 17.505 C 6.007 18.229 6.867 18.803 7.814 19.195 C 8.761 19.587 9.775 19.788 10.8 19.788 C 11.824 19.788 12.839 19.587 13.785 19.195 C 14.732 18.803 15.592 18.229 16.317 17.505 C 17.041 16.781 17.616 15.922 18.008 14.976 C 18.367 14.111 18.566 13.189 18.597 12.254 Z" fill="rgb(226, 41, 53)" height="22.786611931525645px" id="uj6gVqpWL" transform="translate(0 0)" width="24px"/><g fill="transparent" height="1.6879022285359806px" id="eyHLU4blq" transform="translate(0 10.549)" width="23.99981494496012px"><path d="M 5.402 0 L 2.4 0 C 2.399 0.153 2.309 0.292 2.171 0.361 L 0.237 1.327 C 0.099 1.396 0.011 1.535 0 1.688 L 3.002 1.688 C 3.011 1.535 3.1 1.396 3.238 1.327 L 5.172 0.361 C 5.309 0.292 5.399 0.153 5.402 0 Z" fill="rgb(255, 102, 112)" height="1.6879021629581583px" id="jRqf1JUrw" transform="translate(18.598 0)" width="5.401712375380043px"/><path d="M 0 1.688 L 3.002 1.688 C 3.003 1.535 3.093 1.396 3.231 1.327 L 5.165 0.361 C 5.303 0.292 5.391 0.153 5.402 0 L 2.4 0 C 2.39 0.153 2.302 0.292 2.164 0.361 L 0.23 1.327 C 0.092 1.396 0.003 1.535 0 1.688 Z" fill="rgb(255, 102, 112)" height="1.6879021629581583px" id="C40cPyQHu" transform="translate(0 0)" width="5.401787692221575px"/><path d="M 2.4 0 C 2.388 0.153 2.3 0.292 2.162 0.361 L 0.228 1.327 C 0.09 1.396 0 1.535 0 1.688 L 3.006 1.688 C 2.999 1.535 3.091 1.396 3.229 1.327 L 5.163 0.361 C 5.301 0.292 5.387 0.153 5.406 0 Z" fill="rgb(255, 102, 112)" height="1.6879021629581583px" id="oytui4MCJ" transform="translate(4.803 0)" width="5.4057313230168px"/><path d="M 2.4 0 C 2.406 0.153 2.315 0.292 2.177 0.361 L 0.243 1.327 C 0.105 1.396 0.018 1.535 0 1.688 L 3.006 1.688 C 3.018 1.535 3.106 1.396 3.244 1.327 L 5.178 0.361 C 5.316 0.292 5.406 0.153 5.406 0 Z" fill="rgb(255, 102, 112)" height="1.6879021629581583px" id="u5gaVzgXp" transform="translate(13.791 0)" width="5.405737049302702px"/></g></g></svg>)
Big
2025
Terminal
Cursor On
> now --updated oct-2026
working_on:
northlane reporting dashboard
building:
fintech ui kit
shipping:
portfolio refresh in framer
learning:
swiftui
reading:
“the quiet interface”
listening:
design matters podcast
outside:
cycling to cascais
open_to:
1 freelance project, jan
>
Cursor Off
> now --updated oct-2026
working_on:
northlane reporting dashboard
building:
fintech ui kit
shipping:
portfolio refresh in framer
learning:
swiftui
reading:
“the quiet interface”
listening:
design matters podcast
outside:
cycling to cascais
open_to:
1 freelance project, jan
>
Code row
Variant 1
working_on:
northlane reporting dashboard
Now Line
Simple
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Border
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Background
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Simple - Phone
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Border - Phone
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Basckground - Phone
Working on
Northlane's new reporting dashboard, shipping to the first teams in November.
Window Bar
Default
Price tier feature
Text
2 weeks
Check
Price comparison line
3 Plans
Timeline
2 weeks
4–8 weeks
Ongoing
2 Plans
Timeline
4–8 weeks
Ongoing
3 Plans - Phone
Timeline
2 weeks
4–8 weeks
Ongoing
Favorite
Default
Favorite
Headline and Subheadline
Left
Join the team
We're growing the design team at Vespr. Here's what's open.
Centered
Join the team
We're growing the design team at Vespr. Here's what's open.
Timeline Dots
Default
Variant pill
Default
1.0
Divider
Text
or send a message
Simple
Profile and Meta
10 components · 25 variants
Profile
Square - 12 columns
Jean Laurent
Product Designer
Circle - 12 columns
Jean Laurent
Product Designer
Square - Phone - 6 columns
Jean Laurent
Product Designer
Circle - Phone - 6 columns
Jean Laurent
Product Designer
Photo small
Jean Laurent
Product Designer
No Photo
Jean Laurent
Product Designer
Square - Only Photo - 12 columns
Circle - Only Photo - 12 columns
Date and time
Date and time
·
Only date
Date short
Only year
Availability
Variant 1
Available for new projects
Location
Default
Oslo, Norway
Date, time and Location
Align left
Lisbon, Portugal
Align right
Lisbon, Portugal
Space between
Lisbon, Portugal
Experience company Logo
Greyscale
![](data:image/svg+xml,<svg display="block" id="1631235608" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="40px" id="ZiEs_Jl_H" width="40px"><path d="M 0 0 L 40 0 L 40 40 L 0 40 Z" fill="rgb(0, 255, 200)" height="40px" id="rt3N1yaEu" width="40px"/><path d="M 15.201 3.038 C 15.201 3.627 15.343 4.077 15.626 4.386 C 15.909 4.696 16.313 4.909 16.836 5.027 C 17.366 5.138 18.002 5.192 18.743 5.192 C 19.463 5.192 20.088 5.138 20.618 5.027 C 21.149 4.909 21.556 4.696 21.839 4.386 C 22.129 4.077 22.275 3.627 22.275 3.038 L 22.275 0 L 25 0 L 25 3.535 C 25 4.161 24.884 4.696 24.651 5.138 C 24.428 5.57 24.102 5.941 23.703 6.22 C 23.272 6.511 22.797 6.731 22.297 6.872 C 21.766 7.027 21.196 7.134 20.586 7.192 C 19.335 7.325 18.075 7.325 16.824 7.192 C 16.242 7.14 15.665 7.032 15.103 6.872 C 14.579 6.718 14.121 6.5 13.729 6.22 C 13.34 5.937 13.023 5.566 12.803 5.138 C 12.585 4.696 12.476 4.161 12.476 3.535 L 12.476 0 L 15.201 0 Z M 2.726 3.299 L 7.629 0 L 11.51 0 L 6.292 3.286 L 12.098 7.071 L 8.044 7.071 L 2.725 3.329 L 2.725 7.071 L 0 7.071 L 0 0 L 2.725 0 L 2.725 3.299 Z" fill="rgb(0, 0, 0)" height="7.291567832968744px" id="YQ_eICg0m" transform="translate(7.5 25.625)" width="25px"/></g></svg>)
Default
Profile and signature
Default
Jean Laurent
Product Designer
Phone
Jean Laurent
Product Designer
My Profile
Variant 1
People image
Squared
Round
Forms
4 components · 20 variants
Newsletter form
Vertical
Horizontal
Contact form
Simple
Simple - Phone
Border
Border - Phone
Background
Background - Phone
Conversational form
Simple
Border
Background
Simple - Phone
Border - Phone
Background - Phone
Short form
Simple
Border
Background
Simple - Phone
Border - Phone
Background - Phone
Navigation and Footer
8 components · 45 variants
Nav
Default - Home
Menu Icons
Footer
Minimal - simple
Minimal - simple -Phone
Minimal - border
Minimal - border - Phone
Minimal - background
Minimal - background - Phone
Big Sign-off
Big Sign-off - Phone
Big Sign-off - border
Big Sign-off - border - Phone
Big Sign-off - background
Big Sign-off - background - Phone
Big Sign-off plus menu
Big Sign-off plus menu - Phone
Big Sign-off plus menu - border
Big Sign-off plus menu - border - Phone
Big Sign-off plus menu - background
Big Sign-off plus menu - background - Phone
Profile and availability - simple
Available for new projects
Jean Laurent
Product Designer
Copy email
Profile and availability - simple - Phone
Available for new projects
Jean Laurent
Product Designer
Copy email
Profile and availability - border
Available for new projects
Jean Laurent
Product Designer
Copy email
Profile and availability - border - Phone
Available for new projects
Jean Laurent
Product Designer
Copy email
Profile and availability - background
Available for new projects
Jean Laurent
Product Designer
Copy email
Profile and availability - background - Phone
Available for new projects
Jean Laurent
Product Designer
Copy email
Signature - center - simple
Signature - center - simple - Phone
Signature - center - border
Signature - center - border - Phone
Signature - center - background
Signature - center - background - Phone
Footer Menu
Vertical
Horizontal
Cards
25 components · 222 variants
Stats Card
Vertical - simple
Years of experience
From branding in Lyon to leading design at Northlane.
Vertical - border
Years of experience
From branding in Lyon to leading design at Northlane.
Vertical - background
Years of experience
From branding in Lyon to leading design at Northlane.
Horizontal - simple
Years of experience
From branding in Lyon to leading design at Northlane.
Horizontal - border
Years of experience
From branding in Lyon to leading design at Northlane.
Horizontal - background
Years of experience
From branding in Lyon to leading design at Northlane.
TextReveal Card
Left
Center
Case Study Card
Horizontal - background - CTA
Horizontal - background - CTA - border
Horizontal - background - excerpt - border
Horizontal - 4 columns - simple - CTA
Horizontal - 3 columns - simple - CTA - Phone
Horizontal - 3 columns - simple - excerpt
Service Card
Border 2 Columns
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Simple 2 Columns
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Border 1 Column
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Simple 1 Column
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Border 1 Column - Acordeon - Closed
01
Product design
Border 1 Column - Acordeon - Opened
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Simple 1 Column - Acordeon - Closed
01
Product design
Simple 1 Column - Acordeon - Opened
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Simple 1 Column - Acordeon - Phone - Closed
01
Product design
Simple 1 Column - Acordeon - Phone - Opened
01
Product design
End-to-end design for web and mobile apps, from first flows to a shipped feature.
User flows · UI design · Handoff
from
€
6,000
4–12 weeks
Process Card
Border
01
Discover
A call and a close look at your product, data and goals, so we agree on the real problem first.
Output:
Brief & scope
Week 1
Simple
01
Discover
A call and a close look at your product, data and goals, so we agree on the real problem first.
Output:
Brief & scope
Week 1
Card
01
Discover
A call and a close look at your product, data and goals, so we agree on the real problem first.
Output:
Brief & scope
Week 1
Product Card
Portrait - Button beside - Background
Tektura
Architecture Agency Template
Portrait - Button below - Background
Tektura
Architecture Agency Template
Landscape - Button beside - Background
Tektura
Architecture Agency Template
Landscape - Button below - Background
Tektura
Architecture Agency Template
Row - Image 1/3 - Background
Tektura
Architecture Agency Template
Row - Image 1/4 - Background
Tektura
Architecture Agency Template
Portrait - Button beside - Border
Tektura
Architecture Agency Template
Portrait - Button below - Border
Tektura
Architecture Agency Template
Landscape - Button beside - Border
Tektura
Architecture Agency Template
Landscape - Button below - Border
Tektura
Architecture Agency Template
Row - Image 1/3 - Border
Tektura
Architecture Agency Template
Row - Image 1/4 - Border
Tektura
Architecture Agency Template
Portrait - Button beside - Simple
Tektura
Architecture Agency Template
Portrait - Button below - Simple
Tektura
Architecture Agency Template
Landscape - Button beside - Simple
Tektura
Architecture Agency Template
Landscape - Button below - Simple
Tektura
Architecture Agency Template
Testimonial Card
Background Quotes
Jean rebuilt our checkout in six weeks and completion went up 22% in the first month. More than the numbers, he made our team better at asking the right questions.
Marta Silva
Head of Product
·
Tektura
Border Quotes
Jean rebuilt our checkout in six weeks and completion went up 22% in the first month. More than the numbers, he made our team better at asking the right questions.
Marta Silva
Head of Product
·
Tektura
Quotes - simple - Big
Jean rebuilt our checkout in six weeks and completion went up 22% in the first month. More than the numbers, he made our team better at asking the right questions.
Marta Silva
Head of Product
·
Tektura
Background Photo - Quote big - bottom
Jean rebuilt our checkout in six weeks and completion went up 22% in the first month. More than the numbers, he made our team better at asking the right questions.
Marta Silva
Head of Product
·
Tektura
Background Photo - Quote big - top
Jean rebuilt our checkout in six weeks and completion went up 22% in the first month. More than the numbers, he made our team better at asking the right questions.
Marta Silva
Head of Product
·
Tektura
Price Card
Vertical
Project
End-to-end design for a feature or product.
From
$
one-off
Feature line 1
Feature line 2
Feature line 3
Feature line 4
Feature line 5
Popular
Horizontal
Project
End-to-end design for a feature or product.
From
$
one-off
Feature line 1
Feature line 2
Feature line 3
Feature line 4
Feature line 5
Popular
Experience Card
Simple - Full
![](data:image/svg+xml,<svg display="block" id="2393235808" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 0 40 L 0 0 L 40 0 L 40 40 Z" fill="rgb(0, 0, 0)" height="40px" id="nno2CLQpT" width="40px"/><path d="M 0 23.227 L 0 0 L 9.091 0 C 10.718 0 12.121 0.283 13.298 0.85 C 14.476 1.418 15.386 2.224 16.029 3.271 C 16.671 4.318 16.992 5.561 16.992 7.001 C 16.992 8.047 16.757 8.985 16.286 9.814 C 15.836 10.643 15.226 11.308 14.455 11.81 C 13.705 12.289 12.902 12.562 12.046 12.627 L 11.885 12.333 C 13.32 12.333 14.433 12.671 15.226 13.347 C 16.018 14.001 16.478 15.037 16.607 16.455 L 17.217 23.227 L 13.716 23.227 L 13.17 16.913 C 13.106 15.975 12.795 15.288 12.238 14.852 C 11.682 14.394 10.771 14.165 9.508 14.165 L 3.469 14.165 L 3.469 23.227 Z M 3.469 10.926 L 9.155 10.926 C 10.461 10.926 11.489 10.599 12.238 9.945 C 13.009 9.269 13.395 8.32 13.395 7.099 C 13.395 5.856 13.009 4.907 12.238 4.253 C 11.467 3.577 10.343 3.239 8.866 3.239 L 3.469 3.239 Z" fill="rgb(255, 255, 255)" height="23.2265625px" id="fYDfHtc8W" transform="translate(0 16.773)" width="17.217312500000013px"/><path d="M 8.866 18.091 C 7.645 18.091 6.489 17.862 5.396 17.404 C 4.326 16.924 3.384 16.27 2.57 15.441 C 1.777 14.612 1.146 13.652 0.675 12.562 C 0.225 11.472 0 10.294 0 9.029 C 0 7.764 0.225 6.586 0.675 5.496 C 1.146 4.405 1.777 3.457 2.57 2.65 C 3.384 1.821 4.326 1.178 5.396 0.72 C 6.489 0.24 7.645 0 8.866 0 C 10.108 0 11.253 0.24 12.303 0.72 C 13.373 1.178 14.316 1.821 15.129 2.65 C 15.943 3.457 16.575 4.405 17.025 5.496 C 17.496 6.586 17.731 7.764 17.731 9.029 C 17.731 10.294 17.496 11.472 17.025 12.562 C 16.575 13.652 15.943 14.612 15.129 15.441 C 14.316 16.27 13.373 16.924 12.303 17.404 C 11.253 17.862 10.108 18.091 8.866 18.091 Z M 8.866 16.16 C 10.215 16.16 11.403 15.833 12.431 15.179 C 13.48 14.525 14.294 13.663 14.872 12.595 C 15.472 11.504 15.772 10.316 15.772 9.029 C 15.772 7.742 15.472 6.565 14.872 5.496 C 14.294 4.427 13.48 3.577 12.431 2.944 C 11.403 2.29 10.215 1.963 8.866 1.963 C 7.517 1.963 6.317 2.29 5.268 2.944 C 4.24 3.577 3.426 4.427 2.827 5.496 C 2.227 6.565 1.927 7.742 1.927 9.029 C 1.927 10.316 2.227 11.504 2.827 12.595 C 3.426 13.663 4.24 14.525 5.268 15.179 C 6.317 15.833 7.517 16.16 8.866 16.16 Z M 5.268 13.936 L 5.268 4.155 L 8.673 4.155 C 9.915 4.155 10.889 4.427 11.596 4.972 C 12.303 5.518 12.656 6.259 12.656 7.197 C 12.656 7.851 12.474 8.429 12.11 8.931 C 11.767 9.411 11.275 9.738 10.632 9.912 L 12.977 13.936 L 10.729 13.936 L 8.641 10.207 L 7.324 10.207 L 7.324 13.936 Z M 7.324 8.538 L 8.769 8.538 C 9.347 8.538 9.797 8.418 10.118 8.178 C 10.461 7.939 10.632 7.6 10.632 7.164 C 10.632 6.75 10.461 6.434 10.118 6.216 C 9.797 5.998 9.347 5.888 8.769 5.888 L 7.324 5.888 Z" fill="rgb(255, 255, 255)" height="18.090562499999997px" id="Nsgop3T2k" transform="translate(19.769 16.25)" width="17.731250000000003px"/></svg>)
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Simple - Full - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Simple - Three columns
Reelio
Design Lead
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Border - Full
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Border - Full - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Background - Full - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Background - Three columns
Reelio
Design Lead
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Border - Three columns
Reelio
Design Lead
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Background - Full
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Simple - Accordion
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Simple - Accordion - Open
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Simple - Accordion - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Simple - Accordion - Open - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Border - Accordion
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Border - Accordion - Open
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Border - Accordion - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Border - Accordion - Open - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Background - Accordion
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Background - Accordion - Open
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Background - Accordion - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
Background - Accordion - Open - Phone
Reelio
Design Lead
·
Lisbon
Mar 2023 – Now
Leading design for a platform that helps finance teams close their books faster.
· Rebuilt the month-end close flow, cutting time to close by 40%.
· Grew the design team from two to five.
· Introduced weekly design reviews with engineering.
Education Card
Simple - Full
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Border - Full
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Background - Full
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Simple - Three columns
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Border - Three columns
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Background - Three columns
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Simple - Accordion
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Simple - Accordion - Open
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Border - Accordion
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Border - Accordion - Open
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Background - Accordion
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Background - Accordion - Open
MA Interaction Design
École de Design Rhône
·
Lyon
2016 – 2018
Two years on research, prototyping and service design, working with real clients.
Thesis: how interface design builds trust in digital banking. Graduated with honours.
Skills Card
Horizontal - Simple - Split 1/3
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Horizontal - Simple - Split 1/2
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Horizontal - Border
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Vertical - Simple
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Vertical - Border
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Horizontal - Background
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Vertical - Background
Design
· Product design
· Interaction design
· Visual design
· Design systems
· Prototyping
Stack Card
Thin bar - Split 1/3 - Simple
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thin bar - Split 1/2 - Border
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thin bar - Split 1/2 - Background
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thin bar - Stacked - Simple
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thin bar - Stacked - Border
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thin bar - Stacked - Background
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Split 1/3 - Simple
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Split 1/2 - Border
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Split 1/2 - Background
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Stacked - Simple
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Stacked - Border
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Thick bar - Stacked - Background
Framer
Design and build
Expert
Daily
Where client sites and most of my prototypes get built, from first idea to launch.
Minimal - Percentage inside
Framer
Where client sites and most of my prototypes get built, from first idea to launch.
Minimal - Percentage outside
Framer
Where client sites and most of my prototypes get built, from first idea to launch.
Circle - Border
Framer
Design and build
Expert
Daily
Circle - Simple
Framer
Design and build
Expert
Daily
Circle - Background
Framer
Design and build
Expert
Daily
Award Card
Horizontal - Simple - Split 1/3
Horizontal - Simple - Split 1/2
Horizontal - Border
Horizontal - Background
Talks Card
Thumbnail - Background
Thumbnail - Border
Thumbnail - Simple
List - Background - Phone
List - Border - Phone
List - Simple - Phone
Certification Card
Horizontal - Simple
![](data:image/svg+xml,<svg display="block" id="3264762835" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" height="23.052528120507322px" id="X8jpondVq" transform="translate(7.916 8.395)" width="24px"><path d="M 1.337 1.805 C 1.571 0.75 2.506 0 3.587 0 L 6.348 0 L 4.043 10.374 L 2.306 10.374 C 0.831 10.374 -0.264 9.008 0.056 7.568 Z" fill="rgb(255, 194, 40)" height="10.373638043022583px" id="APJtD086C" transform="translate(0 8.068)" width="6.348168498938151px"/><path d="M 15.725 4.611 L 5.352 4.611 L 5.001 6.246 C 4.773 7.309 3.834 8.068 2.747 8.068 L 0 8.068 L 1.338 1.822 C 1.566 0.759 2.505 0 3.592 0 L 13.861 0 C 15.329 0 16.423 1.353 16.115 2.788 Z" fill="rgb(251, 49, 93)" height="8.06838514457312px" id="gnOdFHwgB" transform="translate(6.348 0)" width="16.167236052217138px"/><path d="M 13.677 2.788 C 13.449 3.851 12.51 4.611 11.423 4.611 L 2.306 4.611 C 0.839 4.611 -0.255 3.257 0.052 1.822 L 0.442 0 L 14.274 0 Z" fill="rgb(7, 224, 176)" height="4.610505796898924px" id="MOfGs9IXo" transform="translate(3.6 18.442)" width="14.273927349129881px"/><path d="M 14.193 0 C 15.693 0 16.793 1.409 16.429 2.864 L 15.421 6.899 C 15.164 7.925 14.242 8.645 13.184 8.645 L 10.374 8.645 L 11.382 4.611 L 0 4.611 L 0.597 1.822 C 0.825 0.759 1.764 0 2.851 0 Z" fill="rgb(111, 59, 253)" height="8.644698369185488px" id="hDF34XcSC" transform="translate(7.501 9.797)" width="16.4992055369325px"/></g></svg>)
Horizontal - Timeline
Horizontal - Simple - Phone
Horizontal - Timeline - Phone
Horizontal - Border
Vertical - Simple
Vertical - Border
Vertical - Background
Monospace - Simple
Monospace - Simple - Phone
Price content
Horizontal
From
$
one-off
Vertical
From
$
one-off
Price Tier Card
Variant 1
Book Card
Simple - vertical
The Quiet Interface
Mara Ellsson
Background - vertical
The Quiet Interface
Mara Ellsson
Border - vertical
The Quiet Interface
Mara Ellsson
3 coulms - Border - curently reading
The Quiet Interface
Mara Ellsson
On products that stay out of the way. Every chapter makes me cut something.
About halfway through
3 coulms - Background - curently reading
The Quiet Interface
Mara Ellsson
On products that stay out of the way. Every chapter makes me cut something.
About halfway through
Title and Author - horizontal
The Quiet Interface
Mara Ellsson
Title and Author - horizontal - border
The Quiet Interface
Mara Ellsson
Title and Author - horizontal - background
The Quiet Interface
Mara Ellsson
Watch Card
Simple - vertical - poster
Northern Signal
Series
Elin Berg
·
2025
Background - vertical - poster
Northern Signal
Series
Elin Berg
·
2025
Border - vertical - poster
Northern Signal
Series
Elin Berg
·
2025
Simple - horizontal - Sequence
Northern Signal
Series
S2 · E4
Elin Berg
·
2025
Slow, cold and gripping. One episode a night, no more.
Backhround - horizontal - Sequence
Northern Signal
Series
S2 · E4
Elin Berg
·
2025
Slow, cold and gripping. One episode a night, no more.
Border - horizontal - Sequence
Northern Signal
Series
S2 · E4
Elin Berg
·
2025
Slow, cold and gripping. One episode a night, no more.
title, author and year - horizontal
Northern Signal
Elin Berg
·
2025
title, author and year - horizontal - border
Northern Signal
Elin Berg
·
2025
title, author and year - horizontal - background
Northern Signal
Elin Berg
·
2025
Listening Card
Simple - vertical
Background - vertical
Border - vertical
3 columns - Background
3 columns - border
Icon small - simple
Icon small - simple - Background
Icon small - simple - Border
Minimal - simple
Minimal - border
Minimal - background
Job Card
Horizontal - simple
Product Designer
Lisbon or Remote EU
·
Full-time
·
€55–70k
Closes Nov 30
Horizontal - border
Product Designer
Lisbon or Remote EU
·
Full-time
·
€55–70k
Closes Nov 30
horizontal - background
Product Designer
Lisbon or Remote EU
·
Full-time
·
€55–70k
Closes Nov 30
Card - background
Full-time
Closes Nov 30
Product Designer
Lisbon or Remote EU
Join a team of five shaping how finance teams close their books.
€55–70k
Card - border
Full-time
Closes Nov 30
Product Designer
Lisbon or Remote EU
Join a team of five shaping how finance teams close their books.
€55–70k
Card - Simple
Full-time
Closes Nov 30
Product Designer
Lisbon or Remote EU
Join a team of five shaping how finance teams close their books.
€55–70k
Collaborator Card
Horizontal - Simple
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Background
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Border
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Simple - Phone
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Background - Phone
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Border - Phone
Lena Hoffmann
Front-end and Framer developer
·
Berlin
Turns my Framer files into fast, accessible sites.
Horizontal - Line
Horizontal - Line - Phone
Lena Hoffmann
·
Berlin
Development
Changelog Card
Timeline - Date left
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Timeline - 2 columns - Date centered
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Timeline - 2 columns - Date left
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Timeline - Phone
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Card - Background
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Card - Border
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Upcoming: 60 screens, charts and tables, light and dark themes
Row - Simple
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Row - Simple - Phone
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Row - Background - Phone
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Row - Border - Phone
Dec 2026
Ledger Dashboards
1.0
A new kit for fintech dashboards
Upcoming
Blog Card
Vertical - border
Vertical - background
Vertical - simple
Horizontal - simple - minimal
Horizontal - border - minimal
Horizontal - background - minimal
Editorial - simple
Editorial - border
Editorial - background
FAQ Tab Card
Number - Simple - Opened
1
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Number - Simple
1
Number - Simple - Opened - Phone
1
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Number - Simple - Phone
1
Number - Border - Opened
1
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Number - Border
1
Number - Background - Opened
1
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Number - Background
1
Simple
Simple - Opened
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Border
Border - Opened
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Background
Background - Opened
Product design for fintech and SaaS teams: new features, redesigns, onboarding and design systems. If people use it every day, I’m probably a good fit.
Groups
28 components · 248 variants
Pricing group
Two Plans - Side by Side
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Two Plans - Stacked
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Three Plans - Grid
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Sprint
A focused two weeks on one specific product problem.
€
one-off · 2 weeks
Audit or one flow
Kickoff workshop
Ranked findings
Prototype of top fix
Two review calls
Three Plans - Stacked
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Sprint
A focused two weeks on one specific product problem.
€
one-off · 2 weeks
Audit or one flow
Kickoff workshop
Ranked findings
Prototype of top fix
Two review calls
Two Plans - Plan Toggle - Plan 1
Partner
Project
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Two Plans - Plan Toggle - Plan 2
Partner
Project
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Two Plans - Side by Side - Period Toggle - Period 1
Monthly
Quarterly - Save 20%
Partner
Ongoing design, like a designer on your team.
€
/month
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Side by Side - Period Toggle - Period 2
Monthly
Quarterly - Save 20%
Partner
Ongoing design, like a designer on your team.
€
/month · billed quarterly
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month · billed quarterly
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Stacked - Period Toggle - Period 1
Monthly
Quarterly - Save 20%
Partner
Ongoing design, like a designer on your team.
€
/month
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Stacked - Period Toggle - Period 2
Monthly
Quarterly - Save 20%
Partner
Ongoing design, like a designer on your team.
€
/month · billed quarterly
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month · billed quarterly
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Three Plans - Plan Tabs - Plan 1
Partner
Sprint
Project
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Three Plans - Plan Tabs - Plan 2
Partner
Sprint
Project
Sprint
A focused two weeks on one specific product problem.
€
one-off · 2 weeks
Audit or one flow
Kickoff workshop
Ranked findings
Prototype of top fix
Two review calls
Three Plans - Plan Tabs - Plan 3
Partner
Sprint
Project
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Two Plans - Plan Tabs - Plan 1
Partner
Project
Partner
Ongoing design, like a designer on your team.
€
/month · 3 month min.
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Two Plans - Plan Tabs - Plan 2
Partner
Project
Project
End-to-end design for a feature or product.
From
€
one-off · 4-8 weeks
Discovery and flows
UI for web or mobile
Prototypes
Weekly reviews
Specs and QA
Two Plans - Side by Side - Period Tabs - Period 1
Monthly
Quarterly -20%
Partner
Ongoing design, like a designer on your team.
€
/month
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Side by Side - Period Tabs - Period 2
Monthly
Quarterly -20%
Partner
Ongoing design, like a designer on your team.
€
/month · billed quarterly
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month · billed quarterly
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Stacked - Period Tabs - Period 1
Monthly
Quarterly -20%
Partner
Ongoing design, like a designer on your team.
€
/month
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Two Plans - Stacked - Period Tabs - Period 2
Monthly
Quarterly -20%
Partner
Ongoing design, like a designer on your team.
€
/month · billed quarterly
Dedicated weekly time
Async in your Slack
Design system upkeep
Priority turnaround
Pause after 3 months
Popular
Partner Plus
End-to-end design for a feature or product.
€
/month · billed quarterly
Everything in Partner
4 days a week
Joins your standups
Roadmap input
Same-day turnaround
Price comparisons
3 Columns
Compare
SCOPE
Timeline
2 weeks
4–8 weeks
Ongoing
Flows designed
1
Up to 6
Unlimited
UX audit
Design system work
-
Starter kit
Full upkeep
COLLABORATION
Kickoff workshop
Reviews
2 calls
Weekly
Weekly + async
Shared Slack channel
-
DELIVERY
Clickable prototype
Developer handoff
-
Design QA until launch
-
SUPPORT
Revisions
1 round
Within scope
Unlimited
Turnaround
Standard
Standard
Priority
Pause or cancel
-
-
Monthly, after 3 mo
3 Columns - Phone
SCOPE
Timeline
2 weeks
4–8 weeks
Ongoing
Flows designed
1
Up to 6
Unlimited
UX audit
Design system work
-
Starter kit
Full upkeep
COLLABORATION
Kickoff workshop
Reviews
2 calls
Weekly
Weekly + async
Shared Slack channel
-
DELIVERY
Clickable prototype
Developer handoff
-
Design QA until launch
-
SUPPORT
Revisions
1 round
Within scope
Unlimited
Turnaround
Standard
Standard
Priority
Pause or cancel
-
-
Monthly, after 3 mo
2 Columns
SCOPE
Timeline
4–8 weeks
Ongoing
Flows designed
Up to 6
Unlimited
UX audit
Design system work
Starter kit
Full upkeep
COLLABORATION
Kickoff workshop
Reviews
Weekly
Weekly + async
Shared Slack channel
DELIVERY
Clickable prototype
Developer handoff
Design QA until launch
SUPPORT
Revisions
Within scope
Unlimited
Turnaround
Standard
Priority
Pause or cancel
-
Monthly, after 3 mo
2 Columns - Phone
SCOPE
Timeline
4–8 weeks
Ongoing
Flows designed
Up to 6
Unlimited
UX audit
Design system work
Starter kit
Full upkeep
COLLABORATION
Kickoff workshop
Reviews
Weekly
Weekly + async
Shared Slack channel
DELIVERY
Clickable prototype
Developer handoff
Design QA until launch
SUPPORT
Revisions
Within scope
Unlimited
Turnaround
Standard
Priority
Pause or cancel
-
Monthly, after 3 mo
Newsletter
Vertical - center- shaders behind
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Vertical - center - fill
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Vertical - center - border
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Inline - simple
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Jean Laurent
Product Designer
Inline - simple - Phone
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Jean Laurent
Product Designer
Inline - fill
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Inline - border
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
Home Hero Content
Default
Available for new projects
Jean Laurent
Product Designer
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Default - Phone
Available for new projects
Jean Laurent
Product Designer
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Lisbon, Portugal
Logo - fill
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Logo - fill - Phone
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Lisbon, Portugal
Signature - fill
Available for new projects
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Signature - fill - Phone
Available for new projects
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Lisbon, Portugal
Signature - vertical
Available for new projects
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Signature - vertical - Phone
Available for new projects
I design calm, useful products for fintech and SaaS teams, the kind people open daily without thinking.
Twelve years of turning messy product flows into interfaces people actually trust. Currently leading design at Tektūra, taking on one freelance project at a time.
Copy email
Lisbon, Portugal
Utilities
2 components · 4 variants
Grids
Desktop
Tablet
Phone
Shader
Default
Letters from Lisbon
Calm product design, fintech interfaces and the occasional
book recommendation. First Sunday of every month.
No spam, unsubscribe anytime.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 24.635 22.866 C 25.123 23.355 25.123 24.147 24.635 24.635 C 24.147 25.123 23.355 25.123 22.866 24.635 L 12.501 14.268 L 2.135 24.635 C 1.647 25.123 0.855 25.123 0.366 24.635 C -0.122 24.147 -0.122 23.355 0.366 22.866 L 10.734 12.501 L 0.366 2.135 C -0.122 1.647 -0.122 0.855 0.366 0.366 C 0.855 -0.122 1.647 -0.122 2.135 0.366 L 12.501 10.734 L 22.866 0.366 C 23.355 -0.122 24.147 -0.122 24.635 0.366 C 25.123 0.855 25.123 1.647 24.635 2.135 L 14.268 12.501 Z" fill="rgb(0, 0, 0)" height="25.00139023844741px" id="jBymG44fK" transform="translate(7.499 7.499)" width="25.001390238447406px"/></svg>)