Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-26 13:02:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
mulufeature-branch
emaui/backoffice-v2.pen
Mengisteab 1b62161368 user dashboard
2026-06-15 10:29:28 +00:00

7255 lines
271 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"version": "2.13",
"children": [
{
"type": "frame",
"id": "MsYYR",
"x": 1620,
"y": 0,
"name": "Logo",
"reusable": true,
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OMTkV",
"name": "MarkBg",
"width": 46,
"height": 46,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 305,
"size": {
"height": 1
},
"colors": [
{
"color": "#3160b7",
"position": 0
},
{
"color": "#1fc29d",
"position": 1
}
]
},
"cornerRadius": 13,
"layout": "none",
"children": [
{
"type": "path",
"id": "gyul0",
"x": 9,
"y": 11,
"name": "MarkGlyph",
"geometry": "M6 38l12-24 6 10 6-10 12 24z",
"viewBox": [
0,
0,
48,
48
],
"fill": "#ffffff",
"width": 28,
"height": 24
}
]
},
{
"type": "frame",
"id": "NSE1K",
"name": "Wordmark",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "w7m6yd",
"name": "WordTitle",
"fill": "$text",
"content": "EMA Portal",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "700"
},
{
"type": "text",
"id": "O0g9q",
"name": "WordSub",
"fill": "$text-3",
"content": "Ethiopian Maritime Authority",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "w7vu0",
"x": 1620,
"y": 90,
"name": "PrimaryButton",
"reusable": true,
"fill": "$primary",
"cornerRadius": 10,
"gap": 8,
"padding": [
13,
22
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "HArwB",
"x": 0,
"y": 0,
"name": "BtnIcon",
"enabled": false,
"width": 17,
"height": 17,
"icon": "arrow-right",
"library": "lucide",
"fill": "$on-primary"
},
{
"type": "text",
"id": "DyFB8",
"name": "BtnLabel",
"fill": "$on-primary",
"content": "Continue",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "mHew6",
"x": 1620,
"y": 170,
"name": "InputField",
"reusable": true,
"width": 320,
"layout": "vertical",
"gap": 7,
"children": [
{
"type": "text",
"id": "Afdkp",
"name": "FieldLabel",
"fill": "$text-2",
"content": "Label",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "x5Nj13",
"name": "FieldBox",
"width": "fill_container",
"height": 46,
"fill": "$surface",
"cornerRadius": 10,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"gap": 10,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "yUGLe",
"name": "FieldIcon",
"width": 18,
"height": 18,
"icon": "mail",
"library": "lucide",
"fill": "$text-3"
},
{
"type": "text",
"id": "UEASz",
"name": "FieldValue",
"fill": "$text-3",
"content": "Placeholder",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "YsTIy",
"x": 1620,
"y": 290,
"name": "StatusBadge",
"reusable": true,
"fill": "$success-tint",
"cornerRadius": 999,
"gap": 6,
"padding": [
5,
11
],
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "ZWgvO",
"name": "BadgeDot",
"fill": "$success",
"width": 7,
"height": 7
},
{
"type": "text",
"id": "t5FNn",
"name": "BadgeText",
"fill": "$success",
"content": "Approved",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "dqlby",
"x": 1620,
"y": 360,
"name": "SidebarItem",
"reusable": true,
"width": 214,
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
14
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "l3szF",
"name": "NavIcon",
"width": 19,
"height": 19,
"icon": "layout-dashboard",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "E1om4",
"name": "NavLabel",
"fill": "$text-2",
"content": "Dashboard",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "J7luNv",
"x": 1620,
"y": 440,
"name": "StatCard",
"reusable": true,
"width": 260,
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 14,
"padding": 20,
"children": [
{
"type": "frame",
"id": "BpEqu",
"name": "StatTop",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "k7Vs7N",
"name": "StatIconBg",
"width": 42,
"height": 42,
"fill": "$primary-tint",
"cornerRadius": 11,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "IwjFB",
"name": "StatIcon",
"width": 21,
"height": 21,
"icon": "file-text",
"library": "lucide",
"fill": "$primary"
}
]
},
{
"type": "text",
"id": "R1uym",
"name": "StatTrend",
"fill": "$success",
"content": "+12%",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "q248Hw",
"name": "StatValue",
"fill": "$text",
"content": "0",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "text",
"id": "qC7zc",
"name": "StatLabel",
"fill": "$text-3",
"content": "Label",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "VkY5w",
"x": 0,
"y": 160,
"name": "Login Page",
"clip": true,
"width": 1440,
"height": 920,
"fill": "$surface",
"children": [
{
"type": "frame",
"id": "qBoA8",
"name": "BrandPanel",
"clip": true,
"width": 600,
"height": 920,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 300,
"size": {
"height": 1
},
"colors": [
{
"color": "#2a59ac",
"position": 0
},
{
"color": "#3160b7",
"position": 0.5
},
{
"color": "#1bb497",
"position": 1
}
]
},
"layout": "vertical",
"padding": [
60,
56
],
"justifyContent": "space_between",
"children": [
{
"type": "ellipse",
"id": "nHOkH",
"layoutPosition": "absolute",
"x": 360,
"y": -120,
"name": "Blob1",
"fill": "#ffffff14",
"width": 380,
"height": 380
},
{
"type": "ellipse",
"id": "aMY1D",
"layoutPosition": "absolute",
"x": -140,
"y": 640,
"name": "Blob2",
"fill": "#ffffff10",
"width": 340,
"height": 340
},
{
"type": "path",
"id": "oRq88",
"layoutPosition": "absolute",
"x": 0,
"y": 740,
"name": "Wave",
"geometry": "M0 60c150-50 300 50 460 0 80-25 120 10 140-5l0 125-600 0z",
"viewBox": [
0,
0,
600,
180
],
"fill": "#ffffff12",
"width": 600,
"height": 180
},
{
"id": "J5kdY",
"type": "ref",
"ref": "MsYYR",
"name": "Logo White",
"descendants": {
"OMTkV": {
"fill": "#ffffff"
},
"gyul0": {
"fill": "#3160b7"
},
"w7m6yd": {
"fill": "#ffffff"
},
"O0g9q": {
"fill": "#dbe6ff"
}
}
},
{
"type": "frame",
"id": "rztMT",
"name": "Tagline",
"width": "fill_container",
"layout": "vertical",
"gap": 22,
"children": [
{
"type": "text",
"id": "c98lQ",
"name": "Headline",
"fill": "#ffffff",
"textGrowth": "fixed-width",
"width": 440,
"content": "Maritime licensing, made simple.",
"lineHeight": 1.15,
"fontFamily": "Inter",
"fontSize": 40,
"fontWeight": "700"
},
{
"type": "text",
"id": "KNmSj",
"name": "Sub",
"fill": "#dbe6ff",
"textGrowth": "fixed-width",
"width": 430,
"content": "Apply for vessel and seafarer licenses, upload documents, and track every application in one secure portal.",
"lineHeight": 1.55,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "WAfLX",
"name": "Features",
"width": "fill_container",
"layout": "vertical",
"gap": 14,
"children": [
{
"type": "frame",
"id": "eYOCj",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "lVmjx",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ejRDp",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "p76cyx",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Submit applications online, 24/7",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "K31NGs",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "W0UYZ",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "U5Tyh",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "YiD3i",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Real-time status tracking & alerts",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "YkEjw",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XgBzD",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "vUe03",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "Y94Mp5",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Bilingual: English & አማርኛ",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "text",
"id": "lsEDh",
"name": "Footer",
"fill": "#bcd0f5",
"content": "© 2026 Ethiopian Maritime Authority",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NGXkK",
"name": "FormPanel",
"width": "fill_container",
"height": 920,
"fill": "$surface",
"layout": "vertical",
"padding": 40,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "En8ht",
"name": "Form",
"width": 400,
"layout": "vertical",
"gap": 20,
"children": [
{
"type": "frame",
"id": "h4jVG0",
"name": "FormHead",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "goTn7",
"name": "Title",
"fill": "$text",
"content": "Welcome back",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "text",
"id": "xKaAi",
"name": "Caption",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Sign in to access your maritime licensing dashboard.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"id": "CbMKc",
"type": "ref",
"ref": "mHew6",
"name": "Email Field",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Email or phone"
},
"yUGLe": {
"icon": "mail"
},
"UEASz": {
"content": "you@example.com"
}
}
},
{
"id": "eiCHF",
"type": "ref",
"ref": "mHew6",
"name": "Password Field",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Password"
},
"yUGLe": {
"icon": "lock"
},
"UEASz": {
"content": "••••••••••"
}
}
},
{
"type": "frame",
"id": "z9VF2",
"name": "OptionsRow",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "fsoL4",
"name": "Remember",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WQkX8",
"name": "Checkbox",
"width": 18,
"height": 18,
"fill": "$primary",
"cornerRadius": 5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ScHbW",
"name": "CbCheck",
"width": 12,
"height": 12,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "d7Uh8",
"name": "RememberTxt",
"fill": "$text-2",
"content": "Remember me",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "eTzLh",
"name": "Forgot",
"fill": "$primary",
"content": "Forgot password?",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"id": "f4qJF",
"type": "ref",
"ref": "w7vu0",
"name": "Sign In Btn",
"width": "fill_container",
"descendants": {
"HArwB": {
"enabled": true,
"icon": "arrow-right"
},
"DyFB8": {
"content": "Sign in"
}
}
},
{
"type": "frame",
"id": "wH8pn",
"name": "Divider",
"width": "fill_container",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "rectangle",
"id": "Eh7ea",
"name": "L1",
"fill": "$border",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "c5f5FV",
"name": "Or",
"fill": "$text-3",
"content": "or",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "rectangle",
"id": "kid0k",
"name": "L2",
"fill": "$border",
"width": "fill_container",
"height": 1
}
]
},
{
"id": "H0bzHf",
"type": "ref",
"ref": "w7vu0",
"name": "Phone Btn",
"width": "fill_container",
"fill": "#ffffff00",
"stroke": "$border-strong",
"strokeWidth": 1.5,
"descendants": {
"HArwB": {
"enabled": true,
"icon": "smartphone",
"fill": "$text-2"
},
"DyFB8": {
"content": "Sign in with phone number",
"fill": "$text"
}
}
},
{
"type": "frame",
"id": "XIerG",
"name": "SignupRow",
"width": "fill_container",
"gap": 5,
"justifyContent": "center",
"children": [
{
"type": "text",
"id": "v3hh8z",
"name": "NoAcct",
"fill": "$text-2",
"content": "Don't have an account?",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "bTQPg",
"name": "SignupLink",
"fill": "$primary",
"content": "Create one",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "sHuNk",
"x": 0,
"y": 1200,
"name": "Signup Page",
"clip": true,
"width": 1440,
"height": 920,
"fill": "$surface",
"children": [
{
"type": "frame",
"id": "mctmG",
"name": "BrandPanel SU",
"clip": true,
"width": 600,
"height": 920,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 300,
"size": {
"height": 1
},
"colors": [
{
"color": "#2a59ac",
"position": 0
},
{
"color": "#3160b7",
"position": 0.5
},
{
"color": "#1bb497",
"position": 1
}
]
},
"layout": "vertical",
"padding": [
60,
56
],
"justifyContent": "space_between",
"children": [
{
"type": "ellipse",
"id": "F7evR",
"layoutPosition": "absolute",
"x": 360,
"y": -120,
"name": "Blob1",
"fill": "#ffffff14",
"width": 380,
"height": 380
},
{
"type": "ellipse",
"id": "pZsHR",
"layoutPosition": "absolute",
"x": -140,
"y": 640,
"name": "Blob2",
"fill": "#ffffff10",
"width": 340,
"height": 340
},
{
"type": "path",
"id": "DerBU",
"layoutPosition": "absolute",
"x": 0,
"y": 740,
"name": "Wave",
"geometry": "M0 60c150-50 300 50 460 0 80-25 120 10 140-5l0 125-600 0z",
"viewBox": [
0,
0,
600,
180
],
"fill": "#ffffff12",
"width": 600,
"height": 180
},
{
"id": "TfugM",
"type": "ref",
"ref": "MsYYR",
"name": "Logo White",
"descendants": {
"OMTkV": {
"fill": "#ffffff"
},
"gyul0": {
"fill": "#3160b7"
},
"w7m6yd": {
"fill": "#ffffff"
},
"O0g9q": {
"fill": "#dbe6ff"
}
}
},
{
"type": "frame",
"id": "jjF5O",
"name": "Tagline",
"width": "fill_container",
"layout": "vertical",
"gap": 22,
"children": [
{
"type": "text",
"id": "Gv1oF",
"name": "Headline",
"fill": "#ffffff",
"textGrowth": "fixed-width",
"width": 440,
"content": "Join Ethiopia's maritime community.",
"lineHeight": 1.15,
"fontFamily": "Inter",
"fontSize": 40,
"fontWeight": "700"
},
{
"type": "text",
"id": "m8RTkc",
"name": "Sub",
"fill": "#dbe6ff",
"textGrowth": "fixed-width",
"width": 430,
"content": "Create your account to apply for licenses, manage documents, and track approvals from anywhere.",
"lineHeight": 1.55,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "v0Kfv",
"name": "Features",
"width": "fill_container",
"layout": "vertical",
"gap": 14,
"children": [
{
"type": "frame",
"id": "SnxYq",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "t8L9L",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "aI69b",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "Yhx8f",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Submit applications online, 24/7",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "nbZah",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "SYspu",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "d5dZY",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "Q751x",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Real-time status tracking & alerts",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "HTVM0",
"name": "Feat",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HTM2o",
"name": "Tick",
"width": 24,
"height": 24,
"fill": "#ffffff26",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ehPE4",
"name": "Check",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "aYXZP",
"name": "FeatTxt",
"fill": "#eef4ff",
"content": "Bilingual: English & አማርኛ",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "text",
"id": "pWfuc",
"name": "Footer",
"fill": "#bcd0f5",
"content": "© 2026 Ethiopian Maritime Authority",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ji6Rm",
"name": "FormPanel",
"width": "fill_container",
"height": 920,
"fill": "$surface",
"layout": "vertical",
"padding": 40,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JFeBH",
"name": "Form",
"width": 404,
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "kwLJs",
"name": "FormHead",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "lr07j",
"name": "Title",
"fill": "$text",
"content": "Create account",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "text",
"id": "LtWh4",
"name": "Caption",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "It only takes a minute to get started.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pEE75",
"name": "NameRow",
"width": "fill_container",
"gap": 12,
"children": [
{
"id": "JNKJO",
"type": "ref",
"ref": "mHew6",
"name": "First Name",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "First name"
},
"yUGLe": {
"icon": "user"
},
"UEASz": {
"content": "Abebe"
}
}
},
{
"id": "k8yXX",
"type": "ref",
"ref": "mHew6",
"name": "Last Name",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Last name"
},
"yUGLe": {
"icon": "user"
},
"UEASz": {
"content": "Bekele"
}
}
}
]
},
{
"id": "o7gw53",
"type": "ref",
"ref": "mHew6",
"name": "Email Field",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Email address"
},
"yUGLe": {
"icon": "mail"
},
"UEASz": {
"content": "you@example.com"
}
}
},
{
"id": "Xxial",
"type": "ref",
"ref": "mHew6",
"name": "Phone Field",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Phone number"
},
"yUGLe": {
"icon": "smartphone"
},
"UEASz": {
"content": "+251 9XX XXX XXX"
}
}
},
{
"id": "YhrMn",
"type": "ref",
"ref": "mHew6",
"name": "Password Field",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Password"
},
"yUGLe": {
"icon": "lock"
},
"UEASz": {
"content": "At least 8 characters"
}
}
},
{
"type": "frame",
"id": "AzBDK",
"name": "TermsRow",
"width": "fill_container",
"gap": 9,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OCDT7",
"name": "Checkbox",
"width": 18,
"height": 18,
"fill": "$primary",
"cornerRadius": 5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "sUV3V",
"name": "CbCheck",
"width": 12,
"height": 12,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "rtJzT",
"name": "TermsTxtWrap",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Mu5VZ",
"name": "T1",
"fill": "$text-2",
"content": "I agree to the",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "cq51O",
"name": "T2",
"fill": "$primary",
"content": "Terms & Privacy Policy",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
}
]
},
{
"id": "Si9Gx",
"type": "ref",
"ref": "w7vu0",
"name": "Create Btn",
"width": "fill_container",
"descendants": {
"HArwB": {
"enabled": true,
"icon": "arrow-right"
},
"DyFB8": {
"content": "Create account"
}
}
},
{
"type": "frame",
"id": "rjZ30",
"name": "LoginRow",
"width": "fill_container",
"gap": 5,
"justifyContent": "center",
"children": [
{
"type": "text",
"id": "mLKks",
"name": "HaveAcct",
"fill": "$text-2",
"content": "Already have an account?",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "text",
"id": "MFGnu",
"name": "LoginLink",
"fill": "$primary",
"content": "Sign in",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Jgomv",
"x": 1620,
"y": 740,
"name": "Sidebar",
"reusable": true,
"clip": true,
"width": 260,
"height": 1024,
"fill": "$surface",
"stroke": "$border",
"strokeWidth": {
"right": 1
},
"layout": "vertical",
"gap": 6,
"padding": [
24,
18
],
"children": [
{
"type": "frame",
"id": "jejxM",
"name": "LogoWrap",
"width": "fill_container",
"padding": [
6,
8,
22,
8
],
"children": [
{
"id": "L0gv1U",
"type": "ref",
"ref": "MsYYR",
"name": "SbLogo"
}
]
},
{
"type": "frame",
"id": "YGnyN",
"name": "Nav Dashboard",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Yvfme",
"name": "Icon Dashboard",
"width": 19,
"height": 19,
"icon": "layout-dashboard",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "IarpQ",
"name": "Label Dashboard",
"fill": "$text-2",
"content": "Dashboard",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "P4qU0M",
"name": "Nav My Applications",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "FQ3CH",
"name": "Icon My Applications",
"width": 19,
"height": 19,
"icon": "file-text",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "L017Y",
"name": "Label My Applications",
"fill": "$text-2",
"content": "My Applications",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "U6Mh6",
"name": "Nav Apply for License",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "pB4hR",
"name": "Icon Apply for License",
"width": 19,
"height": 19,
"icon": "square-pen",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "j8YLAt",
"name": "Label Apply for License",
"fill": "$text-2",
"content": "Apply for License",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "ncpha",
"name": "Nav My Licenses",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "lNQG7",
"name": "Icon My Licenses",
"width": 19,
"height": 19,
"icon": "award",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "auAHt",
"name": "Label My Licenses",
"fill": "$text-2",
"content": "My Licenses",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Peaqt",
"name": "Nav Documents",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "rgdld",
"name": "Icon Documents",
"width": 19,
"height": 19,
"icon": "folder-open",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "VYgB8",
"name": "Label Documents",
"fill": "$text-2",
"content": "Documents",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "x0CL0",
"name": "Nav Support",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"gap": 12,
"padding": [
11,
13
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "cnsxS",
"name": "Icon Support",
"width": 19,
"height": 19,
"icon": "life-buoy",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "q7CiL9",
"name": "Label Support",
"fill": "$text-2",
"content": "Support",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "esDMJ",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical"
},
{
"type": "frame",
"id": "fQOwE",
"name": "UserCard",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 12,
"gap": 11,
"padding": [
12,
10
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "K1iI3P",
"name": "Avatar",
"width": 38,
"height": 38,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 300,
"size": {
"height": 1
},
"colors": [
{
"color": "#3160b7",
"position": 0
},
{
"color": "#1fc29d",
"position": 1
}
]
},
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oH2vQ",
"name": "Initials",
"fill": "#ffffff",
"content": "AB",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "e0QXoV",
"name": "UserMeta",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "yEelp",
"name": "UserName",
"fill": "$text",
"content": "Abebe Bekele",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "ICyWD",
"name": "UserRole",
"fill": "$text-3",
"content": "Applicant",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "G1LYcF",
"name": "Logout",
"width": 17,
"height": 17,
"icon": "log-out",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "p7YlcS",
"x": 1620,
"y": 1800,
"name": "Topbar",
"reusable": true,
"clip": true,
"width": 1180,
"height": 74,
"fill": "$surface",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
28
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "z9vr5",
"name": "TbLeft",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "iGHyf",
"name": "TbTitle",
"fill": "$text",
"content": "Dashboard",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "700"
},
{
"type": "text",
"id": "Y6duvq",
"name": "TbSubtitle",
"fill": "$text-3",
"content": "Tuesday, 11 June 2026",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "rgQt9",
"name": "TbRight",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "nSJ5U",
"name": "Search",
"width": 240,
"height": 40,
"fill": "$surface-2",
"cornerRadius": 10,
"stroke": "$border",
"strokeWidth": 1,
"gap": 9,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "n2ldu",
"name": "SearchIcon",
"width": 16,
"height": 16,
"icon": "search",
"library": "lucide",
"fill": "$text-3"
},
{
"type": "text",
"id": "LNADw",
"name": "SearchPh",
"fill": "$text-3",
"content": "Search applications...",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "S3zuX",
"name": "Lang",
"fill": "$surface-2",
"cornerRadius": 9,
"stroke": "$border",
"strokeWidth": 1,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "p7EVt",
"name": "LangEn",
"fill": "$primary",
"cornerRadius": 9,
"padding": [
8,
12
],
"children": [
{
"type": "text",
"id": "jSaOD",
"name": "LangEnT",
"fill": "#ffffff",
"content": "EN",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "TBZHe",
"name": "LangAm",
"padding": [
8,
12
],
"children": [
{
"type": "text",
"id": "SNxnP",
"name": "LangAmT",
"fill": "$text-2",
"content": "አማ",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "NwdzW",
"name": "Bell",
"width": 40,
"height": 40,
"fill": "$surface-2",
"cornerRadius": 10,
"stroke": "$border",
"strokeWidth": 1,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "W85ew",
"name": "BellIcon",
"width": 18,
"height": 18,
"icon": "bell",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "ellipse",
"id": "m0y4nG",
"layoutPosition": "absolute",
"x": 23,
"y": 9,
"name": "BellDot",
"fill": "$danger",
"width": 8,
"height": 8,
"stroke": "$surface",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "m7u4P9",
"name": "TbAvatar",
"width": 40,
"height": 40,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 300,
"size": {
"height": 1
},
"colors": [
{
"color": "#3160b7",
"position": 0
},
{
"color": "#1fc29d",
"position": 1
}
]
},
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sYkka",
"name": "TbInitials",
"fill": "#ffffff",
"content": "AB",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "ZGAZr",
"x": 0,
"y": 2240,
"name": "Dashboard Page",
"clip": true,
"width": 1440,
"height": 1024,
"fill": "$bg",
"children": [
{
"id": "LAWiS",
"type": "ref",
"ref": "Jgomv",
"name": "Sidebar",
"descendants": {
"YGnyN": {
"fill": "$primary-tint"
},
"Yvfme": {
"fill": "$primary"
},
"IarpQ": {
"fill": "$primary",
"fontWeight": "600"
}
}
},
{
"type": "frame",
"id": "cJZmz",
"name": "Main",
"width": "fill_container",
"height": 1024,
"fill": "$bg",
"layout": "vertical",
"children": [
{
"id": "LV1LJ",
"type": "ref",
"ref": "p7YlcS",
"name": "Topbar",
"width": "fill_container",
"descendants": {
"iGHyf": {
"content": "Dashboard"
},
"Y6duvq": {
"content": "Tuesday, 11 June 2026"
}
}
},
{
"type": "frame",
"id": "pC16B",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"fill": "$bg",
"layout": "vertical",
"gap": 22,
"padding": 28,
"children": [
{
"type": "frame",
"id": "Iqjtu",
"name": "Hero",
"clip": true,
"width": "fill_container",
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 295,
"size": {
"height": 1
},
"colors": [
{
"color": "#2a59ac",
"position": 0
},
{
"color": "#3160b7",
"position": 0.5
},
{
"color": "#1bb497",
"position": 1
}
]
},
"cornerRadius": 18,
"padding": [
28,
30
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "hyMeK",
"name": "HeroL",
"width": 560,
"layout": "vertical",
"gap": 14,
"children": [
{
"type": "frame",
"id": "egOSN",
"name": "HeroTxt",
"width": "fill_container",
"layout": "vertical",
"gap": 7,
"children": [
{
"type": "text",
"id": "K9RLlU",
"name": "HeroTitle",
"fill": "#ffffff",
"content": "Welcome back, Abebe 👋",
"fontFamily": "Inter",
"fontSize": 26,
"fontWeight": "700"
},
{
"type": "text",
"id": "gBMkV",
"name": "HeroSub",
"fill": "#dbe6ff",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "You have 2 applications in review and 1 license expiring soon. Start a new application or check your status below.",
"lineHeight": 1.55,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"id": "OIUi7",
"type": "ref",
"ref": "w7vu0",
"name": "HeroBtn",
"fill": "#ffffff",
"descendants": {
"HArwB": {
"enabled": true,
"icon": "plus",
"fill": "$primary"
},
"DyFB8": {
"content": "Apply for a license",
"fill": "$primary"
}
}
}
]
},
{
"type": "frame",
"id": "h9hUf",
"name": "HeroDeco",
"width": 120,
"height": 120,
"fill": "#ffffff1f",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "tGu27",
"name": "HeroIcon",
"width": 62,
"height": 62,
"icon": "ship",
"library": "lucide",
"fill": "#ffffff"
}
]
}
]
},
{
"type": "frame",
"id": "sZ985",
"name": "Stats",
"width": "fill_container",
"gap": 18,
"children": [
{
"id": "bTcaT",
"type": "ref",
"ref": "J7luNv",
"name": "Stat Active Licenses",
"width": "fill_container",
"descendants": {
"k7Vs7N": {
"fill": "$teal-tint"
},
"IwjFB": {
"icon": "award",
"fill": "$teal-deep"
},
"R1uym": {
"content": "+1 this year",
"fill": "$success"
},
"q248Hw": {
"content": "3"
},
"qC7zc": {
"content": "Active Licenses"
}
}
},
{
"id": "lsbvt",
"type": "ref",
"ref": "J7luNv",
"name": "Stat Pending Applications",
"width": "fill_container",
"descendants": {
"k7Vs7N": {
"fill": "$warning-tint"
},
"IwjFB": {
"icon": "clock",
"fill": "$warning"
},
"R1uym": {
"content": "In review",
"fill": "$text-3"
},
"q248Hw": {
"content": "2"
},
"qC7zc": {
"content": "Pending Applications"
}
}
},
{
"id": "MyZ8N",
"type": "ref",
"ref": "J7luNv",
"name": "Stat Approved",
"width": "fill_container",
"descendants": {
"k7Vs7N": {
"fill": "$success-tint"
},
"IwjFB": {
"icon": "circle-check",
"fill": "$success"
},
"R1uym": {
"content": "100% pass",
"fill": "$success"
},
"q248Hw": {
"content": "5"
},
"qC7zc": {
"content": "Approved"
}
}
},
{
"id": "YclzM",
"type": "ref",
"ref": "J7luNv",
"name": "Stat Documents",
"width": "fill_container",
"descendants": {
"k7Vs7N": {
"fill": "$primary-tint"
},
"IwjFB": {
"icon": "folder",
"fill": "$primary"
},
"R1uym": {
"content": "Up to date",
"fill": "$text-3"
},
"q248Hw": {
"content": "12"
},
"qC7zc": {
"content": "Documents"
}
}
}
]
},
{
"type": "frame",
"id": "L0eBZ",
"name": "LowerRow",
"width": "fill_container",
"height": "fill_container",
"gap": 18,
"children": [
{
"type": "frame",
"id": "KQdkC",
"name": "TableCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 4,
"padding": [
20,
22
],
"children": [
{
"type": "frame",
"id": "ZXaIu",
"name": "TblHead",
"width": "fill_container",
"padding": [
0,
0,
14,
0
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "fj2tc",
"name": "TblTitle",
"fill": "$text",
"content": "Recent Applications",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
},
{
"type": "frame",
"id": "TQsDE",
"name": "ViewAll",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "T88adp",
"name": "ViewAllT",
"fill": "$primary",
"content": "View all",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "icon",
"id": "u1ctc",
"name": "ViewAllI",
"width": 15,
"height": 15,
"icon": "arrow-right",
"library": "lucide",
"fill": "$primary"
}
]
}
]
},
{
"type": "frame",
"id": "gFE0y",
"name": "HeaderRow",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 8,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Jtne8",
"name": "HC Application",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GxwTI",
"name": "HCT Application",
"fill": "$text-3",
"content": "APPLICATION",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "IJlm4",
"name": "HC Type",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RQNox",
"name": "HCT Type",
"fill": "$text-3",
"content": "TYPE",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "HX9Z1",
"name": "HC Submitted",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "S0I4o",
"name": "HCT Submitted",
"fill": "$text-3",
"content": "SUBMITTED",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "giKZn",
"name": "HC Status",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "X9uC2N",
"name": "HCT Status",
"fill": "$text-3",
"content": "STATUS",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "owldN",
"name": "HC ",
"width": 44,
"height": 14,
"alignItems": "center"
}
]
},
{
"type": "frame",
"id": "xTOzu",
"name": "Row EMA-2026-0142",
"width": "fill_container",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
13,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uZGWQ",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VMWYn",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0142",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "XZMXA",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FqBHa",
"name": "AppType",
"fill": "$text-2",
"content": "Seafarer Certificate",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IAbcy",
"name": "C3",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "meMYo",
"name": "AppDate",
"fill": "$text-2",
"content": "02 Jun 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "HhUWs",
"name": "C4",
"width": 150,
"alignItems": "center",
"children": [
{
"id": "Mm6ZT",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$info"
},
"t5FNn": {
"content": "Under Review",
"fill": "$info"
}
}
}
]
},
{
"type": "frame",
"id": "Z6A5NU",
"name": "C5",
"width": 44,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Ze1sp",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "SGMa6",
"name": "Row EMA-2026-0138",
"width": "fill_container",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
13,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "aqxLg",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sF4Vj",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0138",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "GPhQB",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pcQCC",
"name": "AppType",
"fill": "$text-2",
"content": "Vessel Registration",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CIozI",
"name": "C3",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kXvc8",
"name": "AppDate",
"fill": "$text-2",
"content": "28 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IvsK7",
"name": "C4",
"width": 150,
"alignItems": "center",
"children": [
{
"id": "z4OQP",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "uudks",
"name": "C5",
"width": 44,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "eROQl",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "U4USx",
"name": "Row EMA-2026-0131",
"width": "fill_container",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
13,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "lj9wT",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "TAs6Y",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0131",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "FvTCq",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pzKuc",
"name": "AppType",
"fill": "$text-2",
"content": "License Renewal",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "EMFIo",
"name": "C3",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Y5A2z",
"name": "AppDate",
"fill": "$text-2",
"content": "20 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tI2ZH",
"name": "C4",
"width": 150,
"alignItems": "center",
"children": [
{
"id": "l2JIfo",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$warning"
},
"t5FNn": {
"content": "Pending Docs",
"fill": "$warning"
}
}
}
]
},
{
"type": "frame",
"id": "J912Y6",
"name": "C5",
"width": 44,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "rfivS",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "g75KT",
"name": "Row EMA-2026-0125",
"width": "fill_container",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
13,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "vUomR",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XSMtH",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0125",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "AaJua",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "MGF3r",
"name": "AppType",
"fill": "$text-2",
"content": "Port Facility Permit",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "r2uER7",
"name": "C3",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Z65Ig",
"name": "AppDate",
"fill": "$text-2",
"content": "12 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ZpIil",
"name": "C4",
"width": 150,
"alignItems": "center",
"children": [
{
"id": "M2pKF",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "gNHTZ",
"name": "C5",
"width": 44,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "wncQX",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "NtH6M",
"name": "Row EMA-2026-0119",
"width": "fill_container",
"stroke": "$border",
"strokeWidth": {
"bottom": 1
},
"padding": [
13,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "SYghB",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "j8mlDO",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0119",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "RVl8e",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "FTRkX",
"name": "AppType",
"fill": "$text-2",
"content": "Seafarer Medical Cert.",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "m0shuT",
"name": "C3",
"width": 150,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZzVet",
"name": "AppDate",
"fill": "$text-2",
"content": "04 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VSQrT",
"name": "C4",
"width": 150,
"alignItems": "center",
"children": [
{
"id": "MtOHI",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "qO6Nu",
"name": "C5",
"width": 44,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "yOOSc",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "y6IEbH",
"name": "RightCol",
"width": 380,
"layout": "vertical",
"gap": 18,
"children": [
{
"type": "frame",
"id": "NmyFD",
"name": "StatusCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 18,
"padding": 22,
"children": [
{
"type": "text",
"id": "i6zfE4",
"name": "StatusTitle",
"fill": "$text",
"content": "Application Status",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
},
{
"type": "frame",
"id": "a2loR",
"name": "DonutRow",
"width": "fill_container",
"gap": 22,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "qxOzz",
"name": "Donut",
"width": 150,
"height": 150,
"layout": "none",
"children": [
{
"type": "ellipse",
"id": "b54fR",
"x": 0,
"y": 0,
"name": "Seg",
"innerRadius": 0.66,
"startAngle": 90,
"sweepAngle": -180,
"fill": "$success",
"width": 150,
"height": 150
},
{
"type": "ellipse",
"id": "s6RicT",
"x": 0,
"y": 0,
"name": "Seg",
"innerRadius": 0.66,
"startAngle": -90,
"sweepAngle": -108,
"fill": "$info",
"width": 150,
"height": 150
},
{
"type": "ellipse",
"id": "clxJT",
"x": 0,
"y": 0,
"name": "Seg",
"innerRadius": 0.66,
"startAngle": -198,
"sweepAngle": -72,
"fill": "$border-strong",
"width": 150,
"height": 150
},
{
"type": "frame",
"id": "XtmnS",
"layoutPosition": "absolute",
"x": 0,
"y": 0,
"name": "DonutCenter",
"width": 150,
"height": 150,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XaUwo",
"name": "DonutNum",
"fill": "$text",
"content": "10",
"fontFamily": "Inter",
"fontSize": 30,
"fontWeight": "700"
},
{
"type": "text",
"id": "P5tXkS",
"name": "DonutLbl",
"fill": "$text-3",
"content": "Total",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "L3N7ve",
"name": "Legend",
"width": "fill_container",
"layout": "vertical",
"gap": 13,
"children": [
{
"type": "frame",
"id": "Niycu",
"name": "Leg Approved",
"width": "fill_container",
"gap": 9,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "uWvrq",
"name": "LegDot",
"fill": "$success",
"width": 10,
"height": 10
},
{
"type": "text",
"id": "zB0wL",
"name": "LegLbl",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Approved",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "n67m8",
"name": "LegCt",
"fill": "$text",
"content": "5",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "D2qpT4",
"name": "Leg Under review",
"width": "fill_container",
"gap": 9,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "vcLbN",
"name": "LegDot",
"fill": "$info",
"width": 10,
"height": 10
},
{
"type": "text",
"id": "UJs6S",
"name": "LegLbl",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Under review",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "zvZ4P",
"name": "LegCt",
"fill": "$text",
"content": "3",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "TyJFb",
"name": "Leg Draft / pending",
"width": "fill_container",
"gap": 9,
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "M1HEI",
"name": "LegDot",
"fill": "$border-strong",
"width": 10,
"height": 10
},
{
"type": "text",
"id": "ggAOH",
"name": "LegLbl",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Draft / pending",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "JT63H",
"name": "LegCt",
"fill": "$text",
"content": "2",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "700"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "E0Yzf",
"name": "QuickCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 22,
"children": [
{
"type": "text",
"id": "dme7N",
"name": "QuickTitle",
"fill": "$text",
"content": "Quick actions",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
},
{
"type": "frame",
"id": "dqatz",
"name": "QA Apply for new license",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 11,
"gap": 13,
"padding": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "d2QC09",
"name": "QAIcon",
"width": 38,
"height": 38,
"fill": "$primary-tint",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "XcRtf",
"name": "QAI",
"width": 19,
"height": 19,
"icon": "square-pen",
"library": "lucide",
"fill": "$primary"
}
]
},
{
"type": "text",
"id": "gbAKh",
"name": "QALbl",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Apply for new license",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "icon",
"id": "HhAza",
"name": "QAChev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
},
{
"type": "frame",
"id": "ydfQb",
"name": "QA Upload a document",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 11,
"gap": 13,
"padding": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "l0ZlTL",
"name": "QAIcon",
"width": 38,
"height": 38,
"fill": "$teal-tint",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Ad7cR",
"name": "QAI",
"width": 19,
"height": 19,
"icon": "upload",
"library": "lucide",
"fill": "$teal-deep"
}
]
},
{
"type": "text",
"id": "kVciN",
"name": "QALbl",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Upload a document",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "icon",
"id": "qQGwr",
"name": "QAChev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
},
{
"type": "frame",
"id": "WXlmh",
"name": "QA Contact support",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 11,
"gap": 13,
"padding": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ii2WB",
"name": "QAIcon",
"width": 38,
"height": 38,
"fill": "$warning-tint",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "gmpgY",
"name": "QAI",
"width": 19,
"height": 19,
"icon": "life-buoy",
"library": "lucide",
"fill": "$warning"
}
]
},
{
"type": "text",
"id": "HFpp6",
"name": "QALbl",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Contact support",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "icon",
"id": "ZVGuS",
"name": "QAChev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "KAIBB",
"x": 0,
"y": 3400,
"name": "Apply Page",
"clip": true,
"width": 1440,
"height": 1024,
"fill": "$bg",
"children": [
{
"id": "iTj1E",
"type": "ref",
"ref": "Jgomv",
"name": "Sidebar",
"descendants": {
"U6Mh6": {
"fill": "$primary-tint"
},
"pB4hR": {
"fill": "$primary"
},
"j8YLAt": {
"fill": "$primary",
"fontWeight": "600"
}
}
},
{
"type": "frame",
"id": "rkNjF",
"name": "Main",
"width": "fill_container",
"height": 1024,
"fill": "$bg",
"layout": "vertical",
"children": [
{
"id": "hFivP",
"type": "ref",
"ref": "p7YlcS",
"name": "Topbar",
"width": "fill_container",
"descendants": {
"iGHyf": {
"content": "Apply for a License"
},
"Y6duvq": {
"content": "New application"
}
}
},
{
"type": "frame",
"id": "rOL4h",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"fill": "$bg",
"layout": "vertical",
"gap": 22,
"padding": 28,
"children": [
{
"type": "frame",
"id": "NCmTp",
"name": "Stepper",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"padding": [
20,
26
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NsKUA",
"name": "Step 1",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "obPd0",
"name": "Circle 1",
"width": 34,
"height": 34,
"fill": "$primary",
"cornerRadius": 999,
"stroke": "$primary",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "N8nMn",
"name": "CircNum 1",
"fill": "#ffffff",
"content": "1",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "umoYQ",
"name": "StepLbl 1",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "fCJqB",
"name": "StepKicker 1",
"fill": "$text-3",
"content": "Step 1",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
},
{
"type": "text",
"id": "MUHMy",
"name": "StepName 1",
"fill": "$text",
"content": "Service & Applicant",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "cQM8M",
"name": "Conn 1",
"fill": "$border",
"width": "fill_container",
"height": 2
},
{
"type": "frame",
"id": "Qv4xI",
"name": "Step 2",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ATfKy",
"name": "Circle 2",
"width": 34,
"height": 34,
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "W532Md",
"name": "CircNum 2",
"fill": "$text-3",
"content": "2",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "SBeVb",
"name": "StepLbl 2",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "pUlEQ",
"name": "StepKicker 2",
"fill": "$text-3",
"content": "Step 2",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
},
{
"type": "text",
"id": "pfquL",
"name": "StepName 2",
"fill": "$text-2",
"content": "License Details",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "DxnqS",
"name": "Conn 2",
"fill": "$border",
"width": "fill_container",
"height": 2
},
{
"type": "frame",
"id": "keCsR",
"name": "Step 3",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "du8EN",
"name": "Circle 3",
"width": 34,
"height": 34,
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LPZwA",
"name": "CircNum 3",
"fill": "$text-3",
"content": "3",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "t2yWY",
"name": "StepLbl 3",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "Szzdr",
"name": "StepKicker 3",
"fill": "$text-3",
"content": "Step 3",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
},
{
"type": "text",
"id": "v2lP5f",
"name": "StepName 3",
"fill": "$text-2",
"content": "Documents",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "kzi6C",
"name": "Conn 3",
"fill": "$border",
"width": "fill_container",
"height": 2
},
{
"type": "frame",
"id": "v91r9",
"name": "Step 4",
"gap": 11,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "N1dXIR",
"name": "Circle 4",
"width": 34,
"height": 34,
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ukVVM",
"name": "CircNum 4",
"fill": "$text-3",
"content": "4",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "ouhMt",
"name": "StepLbl 4",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "oO7Pj",
"name": "StepKicker 4",
"fill": "$text-3",
"content": "Step 4",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
},
{
"type": "text",
"id": "boCvL",
"name": "StepName 4",
"fill": "$text-2",
"content": "Review & Submit",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "qwbb4",
"name": "ColsRow",
"width": "fill_container",
"height": "fill_container",
"gap": 18,
"children": [
{
"type": "frame",
"id": "X85wP",
"name": "FormCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 20,
"padding": [
26,
28
],
"children": [
{
"type": "frame",
"id": "d7tebX",
"name": "FormCardHead",
"width": "fill_container",
"layout": "vertical",
"gap": 5,
"children": [
{
"type": "text",
"id": "sauBO",
"name": "SecTitle",
"fill": "$text",
"content": "Service & Applicant Details",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "700"
},
{
"type": "text",
"id": "ZBlq6",
"name": "SecSub",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Choose the license you need and tell us who the application is for.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"id": "qiBS0",
"type": "ref",
"ref": "mHew6",
"name": "LicenseType",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "License type"
},
"yUGLe": {
"icon": "ship"
},
"UEASz": {
"content": "Seafarer Certificate of Competency",
"fill": "$text"
}
}
},
{
"type": "frame",
"id": "Ah3JW",
"name": "Row1",
"width": "fill_container",
"gap": 14,
"children": [
{
"id": "xaVDi",
"type": "ref",
"ref": "mHew6",
"name": "Category",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Category"
},
"yUGLe": {
"icon": "layers"
},
"UEASz": {
"content": "Deck Officer",
"fill": "$text"
}
}
},
{
"id": "wqOLy",
"type": "ref",
"ref": "mHew6",
"name": "Region",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Region"
},
"yUGLe": {
"icon": "map-pin"
},
"UEASz": {
"content": "Addis Ababa",
"fill": "$text"
}
}
}
]
},
{
"id": "J87jqV",
"type": "ref",
"ref": "mHew6",
"name": "FullName",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Full name (as on ID)"
},
"yUGLe": {
"icon": "user"
},
"UEASz": {
"content": "Abebe Bekele Tadesse",
"fill": "$text"
}
}
},
{
"type": "frame",
"id": "E5jYLA",
"name": "Row2",
"width": "fill_container",
"gap": 14,
"children": [
{
"id": "DQ7UY",
"type": "ref",
"ref": "mHew6",
"name": "IdNumber",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "National ID / Passport"
},
"yUGLe": {
"icon": "badge-check"
},
"UEASz": {
"content": "ET-1234567",
"fill": "$text"
}
}
},
{
"id": "x4ttyn",
"type": "ref",
"ref": "mHew6",
"name": "Phone",
"width": "fill_container",
"descendants": {
"Afdkp": {
"content": "Phone number"
},
"yUGLe": {
"icon": "smartphone"
},
"UEASz": {
"content": "+251 911 234 567",
"fill": "$text"
}
}
}
]
},
{
"type": "frame",
"id": "XBsD4",
"name": "DropWrap",
"width": "fill_container",
"layout": "vertical",
"gap": 7,
"children": [
{
"type": "text",
"id": "sNDeN",
"name": "DropLabel",
"fill": "$text-2",
"content": "Supporting document",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "f8eCs1",
"name": "Dropzone",
"width": "fill_container",
"fill": "$surface-2",
"cornerRadius": 12,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"layout": "vertical",
"gap": 9,
"padding": 26,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rtMna",
"name": "DzIconBg",
"width": 46,
"height": 46,
"fill": "$primary-tint",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "m5LZm",
"name": "DzIcon",
"width": 23,
"height": 23,
"icon": "cloud-upload",
"library": "lucide",
"fill": "$primary"
}
]
},
{
"type": "text",
"id": "ZE5wY",
"name": "DzMain",
"fill": "$text",
"content": "Drag & drop files here, or click to browse",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "EDbP3",
"name": "DzHint",
"fill": "$text-3",
"content": "PDF, JPG or PNG — up to 10 MB",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "X1xWmJ",
"name": "FormFooter",
"width": "fill_container",
"padding": [
8,
0,
0,
0
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"id": "qcDHD",
"type": "ref",
"ref": "w7vu0",
"name": "BackBtn",
"fill": "#ffffff00",
"stroke": "$border-strong",
"strokeWidth": 1.5,
"descendants": {
"HArwB": {
"enabled": true,
"icon": "arrow-left",
"fill": "$text-2"
},
"DyFB8": {
"content": "Back",
"fill": "$text-2"
}
}
},
{
"id": "owlxm",
"type": "ref",
"ref": "w7vu0",
"name": "ContinueBtn",
"descendants": {
"HArwB": {
"enabled": true,
"icon": "arrow-right"
},
"DyFB8": {
"content": "Continue to documents"
}
}
}
]
}
]
},
{
"type": "frame",
"id": "dS05X",
"name": "ApplyRight",
"width": 340,
"layout": "vertical",
"gap": 18,
"children": [
{
"type": "frame",
"id": "WlWsM",
"name": "SummaryCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 16,
"padding": 22,
"children": [
{
"type": "text",
"id": "HOH7c",
"name": "SumTitle",
"fill": "$text",
"content": "Application Summary",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "700"
},
{
"type": "frame",
"id": "pwOYh",
"name": "SvcRow",
"width": "fill_container",
"fill": "$primary-tint",
"cornerRadius": 12,
"gap": 12,
"padding": 13,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "v7ukh",
"name": "SvcIconBg",
"width": 40,
"height": 40,
"fill": "$primary",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "dQ8m7",
"name": "SvcIcon",
"width": 21,
"height": 21,
"icon": "ship",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "frame",
"id": "Wf10a",
"name": "SvcMeta",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "p87P1",
"name": "SvcName",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Seafarer Certificate",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
},
{
"type": "text",
"id": "Et8pR",
"name": "SvcCat",
"fill": "$text-2",
"content": "Deck Officer · New",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "usa0p",
"name": "SumDetails",
"width": "fill_container",
"layout": "vertical",
"gap": 11,
"children": [
{
"type": "frame",
"id": "qRvIl",
"name": "D Processing time",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "E4HoR",
"name": "DK",
"fill": "$text-2",
"content": "Processing time",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "dQfV9",
"name": "DV",
"fill": "$text",
"content": "5–7 working days",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "Q6DHI9",
"name": "D License validity",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "q1SiQo",
"name": "DK",
"fill": "$text-2",
"content": "License validity",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "S1S0Aa",
"name": "DV",
"fill": "$text",
"content": "2 years",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "FdnTt",
"name": "D Service fee",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "bKoex",
"name": "DK",
"fill": "$text-2",
"content": "Service fee",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "L6aSB",
"name": "DV",
"fill": "$text",
"content": "ETB 1,200",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
}
]
},
{
"type": "rectangle",
"id": "pFqjA",
"name": "SumDiv",
"fill": "$border",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "OH7Cn",
"name": "TotalRow",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GcEZm",
"name": "TotK",
"fill": "$text",
"content": "Total payable",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "700"
},
{
"type": "text",
"id": "ij6pf",
"name": "TotV",
"fill": "$primary",
"content": "ETB 1,200",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "ULtkX",
"name": "HelpCard",
"width": "fill_container",
"fill": "$teal-tint",
"cornerRadius": 16,
"layout": "vertical",
"gap": 12,
"padding": 22,
"children": [
{
"type": "frame",
"id": "xyiFX",
"name": "HelpHead",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NKI6q",
"name": "HelpIconBg",
"width": 36,
"height": 36,
"fill": "$teal-deep",
"cornerRadius": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "p4V7G",
"name": "HelpIcon",
"width": 19,
"height": 19,
"icon": "life-buoy",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "text",
"id": "eXJd6",
"name": "HelpTitle",
"fill": "$teal-deep",
"content": "Need help?",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "h2fpy4",
"name": "HelpTxt",
"fill": "$text-2",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Our support team can guide you through the documents required for this license.",
"lineHeight": 1.55,
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Esmx2",
"name": "HelpBtn",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 9,
"stroke": "$teal",
"strokeWidth": 1.5,
"gap": 7,
"padding": [
10,
14
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "PWrnt",
"name": "HelpBtnI",
"width": 16,
"height": 16,
"icon": "message-circle",
"library": "lucide",
"fill": "$teal-deep"
},
{
"type": "text",
"id": "nzneE",
"name": "HelpBtnT",
"fill": "$teal-deep",
"content": "Contact support",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "KSAqp",
"x": 0,
"y": 4560,
"name": "Track Page",
"clip": true,
"width": 1440,
"height": 1024,
"fill": "$bg",
"children": [
{
"id": "V2XNIa",
"type": "ref",
"ref": "Jgomv",
"name": "Sidebar",
"descendants": {
"P4qU0M": {
"fill": "$primary-tint"
},
"FQ3CH": {
"fill": "$primary"
},
"L017Y": {
"fill": "$primary",
"fontWeight": "600"
}
}
},
{
"type": "frame",
"id": "E7D6Ia",
"name": "Main",
"width": "fill_container",
"height": 1024,
"fill": "$bg",
"layout": "vertical",
"children": [
{
"id": "IPXj0",
"type": "ref",
"ref": "p7YlcS",
"name": "Topbar",
"width": "fill_container",
"descendants": {
"iGHyf": {
"content": "My Applications"
},
"Y6duvq": {
"content": "Track the status of every application"
}
}
},
{
"type": "frame",
"id": "eWfYU",
"name": "Content",
"width": "fill_container",
"height": "fill_container",
"fill": "$bg",
"layout": "vertical",
"gap": 20,
"padding": 28,
"children": [
{
"type": "frame",
"id": "KCyI8",
"name": "TabsBar",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "fmZ0Q",
"name": "Tabs",
"gap": 9,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "vq12i",
"name": "Tab All",
"fill": "$primary",
"cornerRadius": 999,
"stroke": "$primary",
"strokeWidth": 1,
"gap": 7,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Pg9Nk",
"name": "TabT",
"fill": "#ffffff",
"content": "All",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "af30T",
"name": "TabCt",
"fill": "#ffffff33",
"cornerRadius": 999,
"padding": [
1,
7
],
"children": [
{
"type": "text",
"id": "u9ClAs",
"name": "TabCtT",
"fill": "#ffffff",
"content": "12",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "lRP8s",
"name": "Tab In Review",
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border",
"strokeWidth": 1,
"gap": 7,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Pzsdn",
"name": "TabT",
"fill": "$text-2",
"content": "In Review",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "q2sRbd",
"name": "TabCt",
"fill": "$surface-2",
"cornerRadius": 999,
"padding": [
1,
7
],
"children": [
{
"type": "text",
"id": "XN5TI",
"name": "TabCtT",
"fill": "$text-3",
"content": "2",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "Ogtou",
"name": "Tab Approved",
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border",
"strokeWidth": 1,
"gap": 7,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CrHRl",
"name": "TabT",
"fill": "$text-2",
"content": "Approved",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "Qh8Fn",
"name": "TabCt",
"fill": "$surface-2",
"cornerRadius": 999,
"padding": [
1,
7
],
"children": [
{
"type": "text",
"id": "idDN8",
"name": "TabCtT",
"fill": "$text-3",
"content": "5",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "sZwvB",
"name": "Tab Pending",
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border",
"strokeWidth": 1,
"gap": 7,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "X6CkYq",
"name": "TabT",
"fill": "$text-2",
"content": "Pending",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "R4mFm",
"name": "TabCt",
"fill": "$surface-2",
"cornerRadius": 999,
"padding": [
1,
7
],
"children": [
{
"type": "text",
"id": "RG742",
"name": "TabCtT",
"fill": "$text-3",
"content": "1",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "XiIKe",
"name": "FilterBtn",
"fill": "$surface",
"cornerRadius": 10,
"stroke": "$border",
"strokeWidth": 1,
"gap": 7,
"padding": [
9,
14
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "T08tk2",
"name": "FilterI",
"width": 16,
"height": 16,
"icon": "sliders-horizontal",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "qXage",
"name": "FilterT",
"fill": "$text-2",
"content": "Filter & sort",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "i6IMYT",
"name": "ColsRow",
"width": "fill_container",
"height": "fill_container",
"gap": 18,
"children": [
{
"type": "frame",
"id": "g54tjQ",
"name": "ListCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"padding": [
8,
10
],
"children": [
{
"type": "frame",
"id": "rp6r7",
"name": "HeaderRow",
"width": "fill_container",
"padding": [
12,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YtkV3",
"name": "HC Application",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "fKsnZ",
"name": "HCT",
"fill": "$text-3",
"content": "APPLICATION",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "c0MAy",
"name": "HC Type",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wO0Ud",
"name": "HCT",
"fill": "$text-3",
"content": "TYPE",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "B36NE",
"name": "HC Submitted",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Gh7Vc",
"name": "HCT",
"fill": "$text-3",
"content": "SUBMITTED",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "DTtXQ",
"name": "HC Fee",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mpBV4",
"name": "HCT",
"fill": "$text-3",
"content": "FEE",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "h9tasp",
"name": "HC Status",
"width": 140,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PnxVy",
"name": "HCT",
"fill": "$text-3",
"content": "STATUS",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "700",
"letterSpacing": 0.5
}
]
},
{
"type": "frame",
"id": "MAEjx",
"name": "HC ",
"width": 36,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KsqzB",
"name": "sp",
"width": 10,
"height": 14
}
]
}
]
},
{
"type": "frame",
"id": "D958I",
"name": "Row EMA-2026-0142",
"width": "fill_container",
"fill": "$primary-tint",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "R4aCEk",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "aYGc5",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0142",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "tExGQ",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gDvna",
"name": "AppType",
"fill": "$text-2",
"content": "Seafarer Certificate",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "v9ocBU",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Dfetn",
"name": "AppDate",
"fill": "$text-2",
"content": "02 Jun 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "x7FH8f",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "P4A7v7",
"name": "AppFee",
"fill": "$text",
"content": "ETB 1,200",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "zM5ig",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "iJuyO",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$info"
},
"t5FNn": {
"content": "Under Review",
"fill": "$info"
}
}
}
]
},
{
"type": "frame",
"id": "S6wRHz",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "eGgUw",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "gZA7p",
"name": "Row EMA-2026-0138",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iL2pW",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "EOfMJ",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0138",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "OpoHa",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "frITZ",
"name": "AppType",
"fill": "$text-2",
"content": "Vessel Registration",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "dBB7Y",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jRAT1",
"name": "AppDate",
"fill": "$text-2",
"content": "28 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VXE9w",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "J9nou",
"name": "AppFee",
"fill": "$text",
"content": "ETB 3,500",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "gZ2f1",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "nQUN7",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "xEQKY",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "TxKjt",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "bZ7Wd",
"name": "Row EMA-2026-0131",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "lPfbH",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "f2mGC",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0131",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "kw3fH",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "XLg9V",
"name": "AppType",
"fill": "$text-2",
"content": "License Renewal",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pSTek",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "z5ASw",
"name": "AppDate",
"fill": "$text-2",
"content": "20 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "SzTdR",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "psSLu",
"name": "AppFee",
"fill": "$text",
"content": "ETB 900",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "AjS3c",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "OOO7D",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$warning"
},
"t5FNn": {
"content": "Pending Docs",
"fill": "$warning"
}
}
}
]
},
{
"type": "frame",
"id": "y7mrg",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "IQeS2",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "t2Pc9",
"name": "Row EMA-2026-0125",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "DOJVf",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "f6xrcp",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0125",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "mVbmg",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "YiEx1",
"name": "AppType",
"fill": "$text-2",
"content": "Port Facility Permit",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "MlEFs",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Bg9WT",
"name": "AppDate",
"fill": "$text-2",
"content": "12 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "tImPS",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Rwldn",
"name": "AppFee",
"fill": "$text",
"content": "ETB 5,000",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "HD3Pq",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "rWwV2",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "GqjkP",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "q0BSx",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "J6dn9Y",
"name": "Row EMA-2026-0119",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "imKo0",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "JbulD",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0119",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "n4k2E",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rgSAi",
"name": "AppType",
"fill": "$text-2",
"content": "Seafarer Medical Cert.",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "h18HMo",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CtO1F",
"name": "AppDate",
"fill": "$text-2",
"content": "04 May 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "PYiSD",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "oHszA",
"name": "AppFee",
"fill": "$text",
"content": "ETB 600",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "svHLS",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "JnMdC",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$success"
},
"t5FNn": {
"content": "Approved",
"fill": "$success"
}
}
}
]
},
{
"type": "frame",
"id": "B2nZ8",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ugRU5",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
},
{
"type": "frame",
"id": "nirG9",
"name": "Row EMA-2026-0102",
"width": "fill_container",
"fill": "#ffffff00",
"cornerRadius": 10,
"padding": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CitOO",
"name": "C1",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "x0Sg6G",
"name": "AppId",
"fill": "$text",
"content": "EMA-2026-0102",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "CHmNf",
"name": "C2",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "x4umV",
"name": "AppType",
"fill": "$text-2",
"content": "Vessel Inspection",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "C1NKlz",
"name": "C3",
"width": 120,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "eYAqU",
"name": "AppDate",
"fill": "$text-2",
"content": "21 Apr 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "UaKCA",
"name": "C4",
"width": 100,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "D2uqF",
"name": "AppFee",
"fill": "$text",
"content": "ETB 2,400",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "FcMa4",
"name": "C5",
"width": 140,
"alignItems": "center",
"children": [
{
"id": "QBrHw",
"type": "ref",
"ref": "YsTIy",
"name": "Badge",
"descendants": {
"ZWgvO": {
"fill": "$danger"
},
"t5FNn": {
"content": "Rejected",
"fill": "$danger"
}
}
}
]
},
{
"type": "frame",
"id": "fTNK5",
"name": "C6",
"width": 36,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ihc5I",
"name": "Chev",
"width": 18,
"height": 18,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "I4KoWF",
"name": "TrackRight",
"width": 380,
"layout": "vertical",
"gap": 18,
"children": [
{
"type": "frame",
"id": "e9Ps5r",
"name": "TimelineCard",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 16,
"padding": 22,
"children": [
{
"type": "frame",
"id": "paaBC",
"name": "TlHead",
"width": "fill_container",
"layout": "vertical",
"gap": 9,
"children": [
{
"type": "frame",
"id": "w3NNmf",
"name": "TlHeadTop",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "v64DH",
"name": "TlHL",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "pHJ3t",
"name": "TlId",
"fill": "$text",
"content": "EMA-2026-0142",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "700"
},
{
"type": "text",
"id": "pjhb9",
"name": "TlType",
"fill": "$text-2",
"content": "Seafarer Certificate",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
},
{
"id": "JQTTG",
"type": "ref",
"ref": "YsTIy",
"name": "TlBadge",
"fill": "$info-tint",
"descendants": {
"ZWgvO": {
"fill": "$info"
},
"t5FNn": {
"content": "Under Review",
"fill": "$info"
}
}
}
]
}
]
},
{
"type": "rectangle",
"id": "qWmFS",
"name": "TlDiv",
"fill": "$border",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "GRzoK",
"name": "Steps",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "zM4NH",
"name": "TS Application submitted",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "PsajH",
"name": "Marker",
"width": 26,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "d2AhbI",
"name": "Circ",
"width": 26,
"height": 26,
"fill": "$primary",
"cornerRadius": 999,
"stroke": "$primary",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "uZpSB",
"name": "Ck",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "b2apV",
"name": "Line",
"fill": "$primary",
"width": 2.5,
"height": 40
}
]
},
{
"type": "frame",
"id": "dZskF",
"name": "StepC",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
2,
0,
20,
0
],
"children": [
{
"type": "text",
"id": "BuX6p",
"name": "StepLb",
"fill": "$text",
"content": "Application submitted",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "mSB4j",
"name": "StepDt",
"fill": "$text-3",
"content": "02 Jun 2026",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "veEo0",
"name": "TS Document verification",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "hSMGY",
"name": "Marker",
"width": 26,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "BHNZ8",
"name": "Circ",
"width": 26,
"height": 26,
"fill": "$primary",
"cornerRadius": 999,
"stroke": "$primary",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "n8DTR",
"name": "Ck",
"width": 14,
"height": 14,
"icon": "check",
"library": "lucide",
"fill": "#ffffff"
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "PoeZP",
"name": "Line",
"fill": "$primary",
"width": 2.5,
"height": 40
}
]
},
{
"type": "frame",
"id": "K2vAA",
"name": "StepC",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
2,
0,
20,
0
],
"children": [
{
"type": "text",
"id": "d0IFrZ",
"name": "StepLb",
"fill": "$text",
"content": "Document verification",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "cnsXE",
"name": "StepDt",
"fill": "$text-3",
"content": "03 Jun 2026",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "mRfpA",
"name": "TS Under assessment",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "Ru2oQ",
"name": "Marker",
"width": 26,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "gc2Yb",
"name": "Circ",
"width": 26,
"height": 26,
"fill": "$primary-tint",
"cornerRadius": 999,
"stroke": "$primary",
"strokeWidth": 2.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "Go8ZU",
"name": "Dot",
"fill": "$primary",
"width": 9,
"height": 9
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "zZxB4",
"name": "Line",
"fill": "$border",
"width": 2.5,
"height": 40
}
]
},
{
"type": "frame",
"id": "mcEC0",
"name": "StepC",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
2,
0,
20,
0
],
"children": [
{
"type": "text",
"id": "LyM4a",
"name": "StepLb",
"fill": "$text",
"content": "Under assessment",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "text",
"id": "McQpw",
"name": "StepDt",
"fill": "$primary",
"content": "In progress · est. 2 days",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "E4eQl",
"name": "TS Approval decision",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "pmOwe",
"name": "Marker",
"width": 26,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZZANT",
"name": "Circ",
"width": 26,
"height": 26,
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "WeN6t",
"name": "Dot",
"fill": "$border-strong",
"width": 8,
"height": 8
}
]
},
{
"type": "rectangle",
"cornerRadius": 2,
"id": "KOIwT",
"name": "Line",
"fill": "$border",
"width": 2.5,
"height": 40
}
]
},
{
"type": "frame",
"id": "KiUl3",
"name": "StepC",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
2,
0,
20,
0
],
"children": [
{
"type": "text",
"id": "g0g8R",
"name": "StepLb",
"fill": "$text-2",
"content": "Approval decision",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "Wt1rI",
"name": "StepDt",
"fill": "$text-3",
"content": "Pending",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "XNjCg",
"name": "TS License issued",
"width": "fill_container",
"gap": 14,
"children": [
{
"type": "frame",
"id": "WCa8z",
"name": "Marker",
"width": 26,
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "oPITP",
"name": "Circ",
"width": 26,
"height": 26,
"fill": "$surface",
"cornerRadius": 999,
"stroke": "$border-strong",
"strokeWidth": 1.5,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "ellipse",
"id": "Qlccv",
"name": "Dot",
"fill": "$border-strong",
"width": 8,
"height": 8
}
]
}
]
},
{
"type": "frame",
"id": "sFiRH",
"name": "StepC",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"padding": [
2,
0
],
"children": [
{
"type": "text",
"id": "k3YWh",
"name": "StepLb",
"fill": "$text-2",
"content": "License issued",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "500"
},
{
"type": "text",
"id": "jTWU5",
"name": "StepDt",
"fill": "$text-3",
"content": "Pending",
"fontFamily": "Inter",
"fontSize": 12.5,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "RzGgr",
"name": "EtaNote",
"width": "fill_container",
"fill": "$info-tint",
"cornerRadius": 11,
"gap": 9,
"padding": 12,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "a8eJk5",
"name": "EtaIcon",
"width": 17,
"height": 17,
"icon": "calendar-check",
"library": "lucide",
"fill": "$info"
},
{
"type": "text",
"id": "j9Pmq",
"name": "EtaTxt",
"fill": "$info",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Estimated decision by 09 Jun 2026",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "GQgPa",
"name": "TrackActions",
"width": "fill_container",
"fill": "$surface",
"cornerRadius": 16,
"stroke": "$border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 10,
"padding": 18,
"children": [
{
"type": "frame",
"id": "kRrST",
"name": "TA Download submission receipt",
"width": "fill_container",
"cornerRadius": 9,
"gap": 11,
"padding": [
9,
8
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "f7ySc9",
"name": "TAI",
"width": 18,
"height": 18,
"icon": "download",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "MwNxt",
"name": "TAL",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Download submission receipt",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "500"
},
{
"type": "icon",
"id": "QsBqB",
"name": "TAC",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
},
{
"type": "frame",
"id": "y9b5Ak",
"name": "TA Message case officer",
"width": "fill_container",
"cornerRadius": 9,
"gap": 11,
"padding": [
9,
8
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "yb7o2",
"name": "TAI",
"width": 18,
"height": 18,
"icon": "message-circle",
"library": "lucide",
"fill": "$text-2"
},
{
"type": "text",
"id": "VTxt1",
"name": "TAL",
"fill": "$text",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Message case officer",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "500"
},
{
"type": "icon",
"id": "WXdQD",
"name": "TAC",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
},
{
"type": "frame",
"id": "WUGtd",
"name": "TA Withdraw application",
"width": "fill_container",
"cornerRadius": 9,
"gap": 11,
"padding": [
9,
8
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "H521Zl",
"name": "TAI",
"width": 18,
"height": 18,
"icon": "circle-x",
"library": "lucide",
"fill": "$danger"
},
{
"type": "text",
"id": "FYw8Z",
"name": "TAL",
"fill": "$danger",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Withdraw application",
"fontFamily": "Inter",
"fontSize": 13.5,
"fontWeight": "500"
},
{
"type": "icon",
"id": "QdPjx",
"name": "TAC",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$text-3"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
],
"themes": {
"Mode": [
"Light",
"Dark"
]
},
"variables": {
"--sidebar": {
"type": "color",
"value": [
{
"value": "#E7E8E5"
},
{
"value": "#18181b",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-foreground": {
"type": "color",
"value": [
{
"value": "#666666"
},
{
"value": "#fafafa",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary": {
"type": "color",
"value": [
{
"value": "#18181b"
},
{
"value": "#18181b",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary-foreground": {
"type": "color",
"value": [
{
"value": "#fafafa"
},
{
"value": "#fafafa",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-border": {
"type": "color",
"value": [
{
"value": "#CBCCC9"
},
{
"value": "#ffffff1a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent": {
"type": "color",
"value": [
{
"value": "#CBCCC9"
},
{
"value": "#2a2a30",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent-foreground": {
"type": "color",
"value": [
{
"value": "#18181b"
},
{
"value": "#fafafa",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-ring": {
"type": "color",
"value": [
{
"value": "#71717a"
},
{
"value": "#71717a",
"theme": {
"Mode": "Dark"
}
}
]
},
"--background": {
"type": "color",
"value": [
{
"value": "#F2F3F0"
},
{
"value": "#111111",
"theme": {
"Mode": "Dark"
}
}
]
},
"--foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#FFFFFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#1A1A1A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card-foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#FFFFFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover": {
"type": "color",
"value": [
{
"value": "#FFFFFF"
},
{
"value": "#1A1A1A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover-foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#FFFFFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary": {
"type": "color",
"value": [
{
"value": "#FF8400"
},
{
"value": "#FF8400",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary-foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#111111",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary": {
"type": "color",
"value": [
{
"value": "#E7E8E5"
},
{
"value": "#2E2E2E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary-foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#FFFFFF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted": {
"type": "color",
"value": [
{
"value": "#F2F3F0"
},
{
"value": "#2E2E2E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted-foreground": {
"type": "color",
"value": [
{
"value": "#666666"
},
{
"value": "#B8B9B6",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent": {
"type": "color",
"value": [
{
"value": "#F2F3F0"
},
{
"value": "#111111",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-foreground": {
"type": "color",
"value": [
{
"value": "#111111"
},
{
"value": "#F2F3F0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--destructive": {
"type": "color",
"value": [
{
"value": "#D93C15"
},
{
"value": "#FF5C33",
"theme": {
"Mode": "Dark"
}
}
]
},
"--border": {
"type": "color",
"value": [
{
"value": "#CBCCC9"
},
{
"value": "#2E2E2E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--input": {
"type": "color",
"value": [
{
"value": "#CBCCC9"
},
{
"value": "#2E2E2E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--ring": {
"type": "color",
"value": [
{
"value": "#666666"
},
{
"value": "#666666",
"theme": {
"Mode": "Dark"
}
}
]
},
"--white": {
"type": "color",
"value": "#FFFFFF"
},
"--black": {
"type": "color",
"value": "#000000"
},
"--font-primary": {
"type": "string",
"value": "JetBrains Mono"
},
"--font-secondary": {
"type": "string",
"value": "Geist"
},
"--radius-none": {
"type": "number",
"value": 0
},
"--radius-pill": {
"type": "number",
"value": 999
},
"--color-success": {
"type": "color",
"value": [
{
"value": "#DFE6E1"
},
{
"value": "#222924",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-success-foreground": {
"type": "color",
"value": [
{
"value": "#004D1A"
},
{
"value": "#B6FFCE",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-warning": {
"type": "color",
"value": [
{
"value": "#E9E3D8"
},
{
"value": "#291C0F",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-warning-foreground": {
"type": "color",
"value": [
{
"value": "#804200"
},
{
"value": "#FF8400",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-error": {
"type": "color",
"value": [
{
"value": "#E5DCDA"
},
{
"value": "#24100B",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-error-foreground": {
"type": "color",
"value": [
{
"value": "#8C1C00"
},
{
"value": "#FF5C33",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-info": {
"type": "color",
"value": [
{
"value": "#DFDFE6"
},
{
"value": "#222229",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-info-foreground": {
"type": "color",
"value": [
{
"value": "#000066"
},
{
"value": "#B2B2FF",
"theme": {
"Mode": "Dark"
}
}
]
},
"--radius-m": {
"type": "number",
"value": 16
},
"bg": {
"type": "color",
"value": "#f4f7fc"
},
"border": {
"type": "color",
"value": "#e4e9f2"
},
"border-strong": {
"type": "color",
"value": "#cdd6e3"
},
"danger": {
"type": "color",
"value": "#e23d4d"
},
"danger-tint": {
"type": "color",
"value": "#fdeaec"
},
"info": {
"type": "color",
"value": "#4b7fe5"
},
"info-tint": {
"type": "color",
"value": "#eef4ff"
},
"on-primary": {
"type": "color",
"value": "#ffffff"
},
"primary": {
"type": "color",
"value": "#3160b7"
},
"primary-deep": {
"type": "color",
"value": "#2453a2"
},
"primary-soft": {
"type": "color",
"value": "#dce7fb"
},
"primary-tint": {
"type": "color",
"value": "#eef4ff"
},
"success": {
"type": "color",
"value": "#0aab89"
},
"success-tint": {
"type": "color",
"value": "#e1fbf6"
},
"surface": {
"type": "color",
"value": "#ffffff"
},
"surface-2": {
"type": "color",
"value": "#f6f8fb"
},
"teal": {
"type": "color",
"value": "#1fc29d"
},
"teal-deep": {
"type": "color",
"value": "#009879"
},
"teal-tint": {
"type": "color",
"value": "#e1fbf6"
},
"text": {
"type": "color",
"value": "#1e293b"
},
"text-2": {
"type": "color",
"value": "#51607a"
},
"text-3": {
"type": "color",
"value": "#8d9bb3"
},
"warning": {
"type": "color",
"value": "#e08a0b"
},
"warning-tint": {
"type": "color",
"value": "#fdf3e2"
}
}
}
Reference in New Issue View Git Blame Copy Permalink