Typography
Heading
Instrument Sefif
H1
112px
H2
88px
H3
56px
H4
40px
Heading
Inter
H4(b)
32px
H5
24px
H6
20px
Body
Inter
Body Large
32px
Body
32px
Body small
24px
Body (Bold)
20px
Color
Dark
Light
Background
Transparent
Background
Border Dark
Border Light
Transparent
Transparent
Orange
Button
Icon
Form Button
Label
TItle
Cards
Design-Driven Solutions
Work on projects that elevate brands through modern, scalable design systems and creative innovation.
Location:
On-Site
Full-Time
Product Designer
Shape the future of modern web design. Create intuitive, visually stunning digital experiences for our clients.
Ticket
Blog Card Horizontal
Contact Card
Stats Card
0%
0%
Decades of experience in delivering impactful digital solutions.
Testimonial Card
Description
Author Name
Company Name
Features Section
What We Offer
Everything you need to grow your career
Professional Networks
Career Workshops
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 26.634 4.062 C 23.198 0.993 18.77 -0.412 14.15 0.105 C 6.941 0.918 1.045 6.749 0.133 13.972 C -0.509 19.046 1.198 23.993 4.815 27.542 C 5.982 28.694 7.557 29.339 9.197 29.336 L 22.81 29.336 C 24.415 29.336 25.9 28.766 26.99 27.732 C 30.203 24.706 32.017 20.483 32 16.069 C 31.999 11.486 30.047 7.121 26.634 4.064 L 26.633 4.062 Z M 26.073 26.764 C 25.231 27.561 24.073 28.001 22.811 28.001 L 9.195 28.001 C 7.905 28.004 6.667 27.497 5.749 26.591 C 2.429 23.333 0.865 18.795 1.455 14.138 C 2.293 7.52 7.694 2.174 14.301 1.43 C 14.871 1.365 15.445 1.333 16.019 1.333 C 19.621 1.333 23.025 2.626 25.745 5.057 C 28.875 7.861 30.665 11.864 30.665 16.067 C 30.681 20.115 29.018 23.988 26.073 26.764 Z M 25.486 19.436 L 18.632 16.428 C 18.756 15.657 18.535 14.87 18.029 14.275 C 17.523 13.68 16.781 13.336 16 13.335 C 14.528 13.337 13.336 14.529 13.334 16.001 C 13.333 17.138 14.053 18.15 15.127 18.521 C 16.201 18.893 17.393 18.543 18.095 17.649 L 24.95 20.659 C 25.112 20.731 25.296 20.735 25.461 20.67 C 25.626 20.606 25.758 20.478 25.829 20.316 C 25.976 19.978 25.823 19.585 25.486 19.436 Z M 16 17.334 C 15.511 17.352 15.052 17.102 14.802 16.682 C 14.552 16.261 14.553 15.738 14.803 15.318 C 15.053 14.898 15.513 14.649 16.002 14.668 C 16.724 14.688 17.299 15.279 17.299 16.001 C 17.299 16.724 16.724 17.315 16.002 17.335 Z M 26.023 16 C 25.846 16.012 25.672 15.953 25.539 15.836 C 25.405 15.72 25.324 15.555 25.313 15.378 C 24.994 10.493 20.903 6.668 16.003 6.668 C 10.858 6.668 6.67 10.856 6.67 16.001 C 6.674 18.598 7.756 21.077 9.658 22.846 C 9.86 23.032 9.928 23.323 9.827 23.579 C 9.726 23.835 9.479 24.003 9.204 24.001 C 9.035 24.001 8.873 23.937 8.751 23.822 C 6.577 21.802 5.339 18.97 5.335 16.002 C 5.335 10.12 10.12 5.334 16.001 5.334 C 21.603 5.334 26.277 9.708 26.644 15.29 C 26.656 15.466 26.598 15.641 26.481 15.774 C 26.365 15.907 26.2 15.988 26.024 16 Z" fill="rgb(249, 245, 235)" height="29.335948586116732px" id="rbWNpsXme" transform="translate(0 1.5)" width="31.999867991278578px"/></svg>)
Community Events
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 27.333 18.667 L 13.333 18.667 L 13.333 4.667 C 13.33 2.091 11.243 0.003 8.667 0 L 4.667 0 C 2.091 0.003 0.003 2.091 0 4.667 L 0 26 C 0 29.308 2.692 32 6 32 L 27.333 32 C 29.909 31.997 31.997 29.909 32 27.333 L 32 23.333 C 31.997 20.757 29.909 18.67 27.333 18.667 Z M 30.667 27.333 C 30.666 29.174 29.174 30.666 27.333 30.667 L 6 30.667 C 3.424 30.664 1.336 28.576 1.333 26 L 1.333 4.667 C 1.335 2.826 2.826 1.335 4.667 1.333 L 8.667 1.333 C 10.507 1.335 11.998 2.827 12 4.667 L 12 5.333 L 8.667 5.333 C 8.299 5.333 8 5.632 8 6 C 8 6.368 8.299 6.667 8.667 6.667 L 12 6.667 L 12 12 L 8.667 12 C 8.309 12.014 8.026 12.308 8.026 12.666 C 8.026 13.025 8.309 13.319 8.667 13.333 L 12 13.333 L 12 18.667 L 8.667 18.667 C 8.309 18.681 8.026 18.975 8.026 19.334 C 8.026 19.692 8.309 19.986 8.667 20 L 12 20 L 12 23.333 C 12.014 23.691 12.308 23.974 12.666 23.974 C 13.025 23.974 13.319 23.691 13.333 23.333 L 13.333 20 L 18.667 20 L 18.667 23.333 C 18.681 23.691 18.975 23.974 19.334 23.974 C 19.692 23.974 19.986 23.691 20 23.333 L 20 20 L 25.333 20 L 25.333 23.333 C 25.333 23.701 25.632 24 26 24 C 26.368 24 26.667 23.701 26.667 23.333 L 26.667 20 L 27.333 20 C 29.173 20.001 30.665 21.493 30.667 23.333 Z" fill="rgb(249, 245, 235)" height="32px" id="lSChdnX2E" width="32px"/></svg>)
Vietnam–US Initiatives
Build connections that last a lifetime
About Image Card
3,000+
Eco-driven projects launched
Accordion
What makes Franco different from other Framer templates?
Franco® is specifically designed with eco-conscious brands in mind. Unlike standard templates, it incorporates sustainable design principles, focusing on eco-friendly aesthetics, optimized performance, and features that resonate with businesses dedicated to environmental responsibility. It’s perfect for brands that want to make a positive impact and connect with like-minded audiences.
Can I customize Franco without coding skills?
Franco® is specifically designed with eco-conscious brands in mind. Unlike standard templates, it incorporates sustainable design principles, focusing on eco-friendly aesthetics, optimized performance, and features that resonate with businesses dedicated to environmental responsibility. It’s perfect for brands that want to make a positive impact and connect with like-minded audiences.
Is Franco optimized for SEO?
Franco® is specifically designed with eco-conscious brands in mind. Unlike standard templates, it incorporates sustainable design principles, focusing on eco-friendly aesthetics, optimized performance, and features that resonate with businesses dedicated to environmental responsibility. It’s perfect for brands that want to make a positive impact and connect with like-minded audiences.
Does Franco support CMS collections for blogging or content updates?
Franco® is specifically designed with eco-conscious brands in mind. Unlike standard templates, it incorporates sustainable design principles, focusing on eco-friendly aesthetics, optimized performance, and features that resonate with businesses dedicated to environmental responsibility. It’s perfect for brands that want to make a positive impact and connect with like-minded audiences.
FAQ Question
Does Framer support XYZ?
To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.
Pricing
CTA Section
Get Involved
Vietnamese professionals, one community
Team Card
Name
Role
Brand Ticker
Team Carousel
Video Overlay
