TRB
BY NATURE
TRB
BY NATURE
TRB
BY NATURE
PROJECT DETAILS
PROJECT DETAILS
PROJECT DETAILS
Client name: STARTOS INC | Year: 2025 | Project type: web design | Industry: Industrial Machinery/Products
Client name: STARTOS INC | Year: 2025 | Project type: web design | Industry: Industrial Machinery/Products
Client name: STARTOS INC | Year: 2025 | Project type: web design | Industry: Industrial Machinery/Products
Summary
Summary
Summary
Solutions
Solutions
Solutions
Challenges
Challenges
Challenges
01. COLORS
01. COLORS
01. COLORS
141414
141414
000D96
000D96
E65529
E65529
Using the company’s black and blue colors made it simple to create a default dark mode. Our choice of orange was added as an accent color to draw attention to key areas, mainly the call-to-action buttons.
Using the company’s black and blue colors made it simple to create a default dark mode. Our choice of orange was added as an accent color to draw attention to key areas, mainly the call-to-action buttons.
Using the company’s black and blue colors made it simple to create a default dark mode. Our choice of orange was added as an accent color to draw attention to key areas, mainly the call-to-action buttons.
02. TYPEFACE
02. TYPEFACE
02. TYPEFACE
Headings & Subheadings: Chakra Petch
Headings & Subheadings: Chakra Petch
Headings & Subheadings: Chakra Petch
Body:
Nunito
Body:
Nunito
Body:
Nunito
Buttons:
Chakra Petch
Buttons:
Chakra Petch
Buttons:
Chakra Petch
The Chakra Petch typeface establishes a clear hierarchy between headings and body copy. Medium and semi-bold weights were used for headings and subheadings, balancing readability with subtlety on an image-driven layout.
The Chakra Petch typeface establishes a clear hierarchy between headings and body copy. Medium and semi-bold weights were used for headings and subheadings, balancing readability with subtlety on an image-driven layout.
The Chakra Petch typeface establishes a clear hierarchy between headings and body copy. Medium and semi-bold weights were used for headings and subheadings, balancing readability with subtlety on an image-driven layout.
Drop Down Menu (Products)
Drop Down Menu (Products)
Drop Down Menu (Products)
03. MOBILE ADAPTIVE
03. MOBILE ADAPTIVE
03. MOBILE ADAPTIVE
Made with Framer
Made with Framer
Made with Framer
More Projects
More Projects
More Projects
