[TOC]

AzatAI Site Version 3 Design

Styles

Logo

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D761%253A89" allowfullscreen></iframe>

Note: Original Design Files will be exported to the Github. (This is a private repo and You need to login first.)

Logo Dark:

Logo Light: (may not be seen in white screen)

Colors

Text Colors :

Gray 900
Gray 800
Gray 700
Gray 300
Gray 200
Gray 100

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D204%253A9742" allowfullscreen></iframe>

Brand Colors

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D204%253A9770" allowfullscreen></iframe>

Accent Colors

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D204%253A9798" allowfullscreen></iframe>

General

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D759%253A1491" allowfullscreen></iframe>

Typography

Manrope - https://fonts.google.com/specimen/Manrope

Nanum Pen Brush Script - https://fonts.google.com/specimen/Nanum+Pen+Script

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D733%253A16" allowfullscreen></iframe>

Home

Nav Bar Login

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D124%253A8468" allowfullscreen></iframe>

Nav Bar Home

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D10%253A20" allowfullscreen></iframe>

Footer

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D282%253A218" allowfullscreen></iframe>

Header- Home

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D670%253A1367" allowfullscreen></iframe>

Header Service

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D204%253A9850" allowfullscreen></iframe>

Header Projects

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D124%253A6430" allowfullscreen></iframe>

Home Page

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D113%253A5511" allowfullscreen></iframe>

Service Page

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D123%253A8660" allowfullscreen></iframe>

Projects Page

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D124%253A3797" allowfullscreen></iframe>

Education

Home

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D130%253A5465" allowfullscreen></iframe>

Single Course

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D148%253A4861" allowfullscreen></iframe>

Single Course Content

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D161%253A13682" allowfullscreen></iframe>

Single Course Comment

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D187%253A9058" allowfullscreen></iframe>

Learning Path

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D181%253A0" allowfullscreen></iframe>

Shop

Home

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D187%253A10016" allowfullscreen></iframe>

All Products

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D190%253A846" allowfullscreen></iframe>

Single Product

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="1000" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOOQtDjFvxr2OVTBWRjyiK5%2FAzatAI-V3%3Fnode-id%3D190%253A847" allowfullscreen></iframe>

Figma

View on Figma : https://www.figma.com/file/OOQtDjFvxr2OVTBWRjyiK5/AzatAI-V3?node-id=0%3A1

Note : Only AzatAI Team Member on Figma Pro can access to the original file. Request Access by [email protected]