Skip to content

Instantly share code, notes, and snippets.

@fredriccliver

fredriccliver/example.pen

Created February 8, 2026 12:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fredriccliver/cced60320e09496dbfa24d73488714e6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fredriccliver/cced60320e09496dbfa24d73488714e6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example.pen
{
"version": "2.7",
"children": [
{
"type": "frame",
"id": "NAIr8",
"x": 0,
"y": 0,
"name": "Neume Landing Page",
"width": 1440,
"fill": "#FAFAF8",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "6GMvo",
"name": "header",
"width": "fill_container",
"height": 80,
"fill": "#FAFAF8AA",
"padding": [
0,
80
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "mvRoh",
"name": "logoText",
"fill": "#1A1A1C",
"content": "Neume",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "frame",
"id": "KKVud",
"name": "nav",
"gap": 48,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Q93AY",
"name": "navAbout",
"fill": "#4A4A4C",
"content": "About",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "pWl1z",
"name": "navCreators",
"fill": "#4A4A4C",
"content": "For Creators",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "5Puvs",
"name": "navLogin",
"fill": "#4A4A4C",
"content": "Log in",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "FgWuL",
"name": "ctaBtn",
"fill": "#1A1A1C",
"cornerRadius": 24,
"padding": [
12,
28
],
"children": [
{
"type": "text",
"id": "Rnw5C",
"name": "ctaText",
"fill": "#FAFAF8",
"content": "Start Conversation",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "k3FeR",
"name": "hero",
"width": "fill_container",
"fill": "#FAFAF8",
"layout": "vertical",
"gap": 48,
"padding": [
120,
80,
80,
80
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ppJZd",
"name": "badge",
"fill": "#1A1A1C",
"cornerRadius": 20,
"gap": 8,
"padding": [
8,
20
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KYoKU",
"name": "badgeText",
"fill": "#FAFAF8",
"content": "Private. Personal. Yours.",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "E5Vy0",
"name": "heroContent",
"width": 800,
"layout": "vertical",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "V3azp",
"name": "headline",
"fill": "#1A1A1C",
"content": "Talk to the character\nyou admire—privately",
"lineHeight": 0.95,
"textAlign": "center",
"fontFamily": "Cormorant Garamond",
"fontSize": 72,
"fontWeight": "300"
},
{
"type": "frame",
"id": "XHiCM",
"name": "subline",
"width": 620,
"layout": "vertical",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "UpRVT",
"name": "subtext",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "A quiet place where creators become characters. Not a chatbot—a persona you can meet.",
"lineHeight": 1.5,
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "VIVv0",
"name": "heroCtas",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Pl9Vy",
"name": "primaryCta",
"fill": "#1A1A1C",
"cornerRadius": 28,
"padding": [
18,
40
],
"children": [
{
"type": "text",
"id": "o28za",
"name": "primaryCtaText",
"fill": "#FAFAF8",
"content": "Start Your First Conversation",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "MOqn2",
"name": "secondaryCta",
"cornerRadius": 28,
"stroke": {
"thickness": 1,
"fill": "#3A3A3C"
},
"padding": [
18,
40
],
"children": [
{
"type": "text",
"id": "INqwz",
"name": "secondaryCtaText",
"fill": "#1A1A1C",
"content": "For Creators",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "XpAMb",
"name": "trustLine",
"fill": "#A0A0A0",
"content": "Join creators building intimate connections",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "2yudE",
"name": "heroVisual",
"width": "fill_container",
"height": 600,
"layout": "vertical",
"padding": [
0,
80
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "9ZYoV",
"name": "mockupFrame",
"width": 900,
"height": 540,
"fill": "#242426",
"cornerRadius": 20,
"stroke": {
"thickness": 1,
"fill": "#3A3A3C"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "m6ZsJ",
"name": "mockupLabel",
"fill": "#6E6E70",
"content": "Product Screenshot",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "dxQ8z",
"name": "transform",
"width": "fill_container",
"fill": "#1A1A1C",
"layout": "vertical",
"gap": 80,
"padding": [
100,
80
],
"children": [
{
"type": "frame",
"id": "dmqOM",
"name": "transformHeader",
"width": 720,
"layout": "vertical",
"gap": 20,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "9FDIY",
"name": "transformTitle",
"fill": "#F5F5F0",
"content": "Your message has arrived",
"lineHeight": 1,
"textAlign": "center",
"fontFamily": "Cormorant Garamond",
"fontSize": 56,
"fontWeight": "300"
},
{
"type": "text",
"id": "WuFIz",
"name": "transformDesc",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Not 'the chatbot replied.' A message from them, to you. Private. Consistent. Yours.",
"lineHeight": 1.5,
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 20,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Nyafy",
"name": "transformSteps",
"width": "fill_container",
"layout": "vertical",
"gap": 40,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "WwnEb",
"name": "step1",
"width": 1000,
"gap": 60,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "NLHkc",
"name": "step1Num",
"width": 64,
"height": 64,
"fill": "#C9A96220",
"cornerRadius": 32,
"stroke": {
"thickness": 1,
"fill": "#C9A962"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kPEX2",
"name": "step1NumText",
"fill": "#C9A962",
"content": "1",
"fontFamily": "Cormorant Garamond",
"fontSize": 28,
"fontWeight": "300"
}
]
},
{
"type": "frame",
"id": "0uvyB",
"name": "step1Content",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "Z2bSp",
"name": "step1Title",
"fill": "#F5F5F0",
"content": "Choose your character",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "YoLs1",
"name": "step1Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Pick from creators who've chosen to share themselves this way. Each one brings their own voice, their own world.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "lJXnS",
"name": "step1Spacer",
"width": "fill_container",
"height": 1,
"fill": "#2A2A2C"
},
{
"type": "frame",
"id": "6LN5E",
"name": "step2",
"width": 1000,
"gap": 60,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "gL8NT",
"name": "step2Num",
"width": 64,
"height": 64,
"fill": "#C9A96220",
"cornerRadius": 32,
"stroke": {
"thickness": 1,
"fill": "#C9A962"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rcFOG",
"name": "step2NumText",
"fill": "#C9A962",
"content": "2",
"fontFamily": "Cormorant Garamond",
"fontSize": 28,
"fontWeight": "300"
}
]
},
{
"type": "frame",
"id": "q2Y0P",
"name": "step2Content",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "qB4KL",
"name": "step2Title",
"fill": "#F5F5F0",
"content": "They speak first",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "7lXWt",
"name": "step2Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "You don't have to start. A message arrives. It feels like theirs because it is—shaped by memory, context, who they've chosen to be.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "2v1Y4",
"name": "step2Spacer",
"width": "fill_container",
"height": 1,
"fill": "#2A2A2C"
},
{
"type": "frame",
"id": "ET1aa",
"name": "step3",
"width": 1000,
"gap": 60,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZIL6Y",
"name": "step3Num",
"width": 64,
"height": 64,
"fill": "#C9A96220",
"cornerRadius": 32,
"stroke": {
"thickness": 1,
"fill": "#C9A962"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Zo8rs",
"name": "step3NumText",
"fill": "#C9A962",
"content": "3",
"fontFamily": "Cormorant Garamond",
"fontSize": 28,
"fontWeight": "300"
}
]
},
{
"type": "frame",
"id": "Wi8d3",
"name": "step3Content",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "AEaFS",
"name": "step3Title",
"fill": "#F5F5F0",
"content": "The conversation is yours",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "3m0zq",
"name": "step3Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Not public comments. Not a stream. A space where only you and they exist. What you say stays. What builds, stays.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "1VPlv",
"name": "features",
"width": "fill_container",
"fill": "#FAFAF8",
"layout": "vertical",
"gap": 100,
"padding": [
120,
80
],
"children": [
{
"type": "frame",
"id": "9LKMP",
"name": "featuresHeader",
"width": 700,
"layout": "vertical",
"gap": 20,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "5fuA3",
"name": "featuresTitle",
"fill": "#1A1A1C",
"content": "Why this feels different",
"lineHeight": 1,
"textAlign": "center",
"fontFamily": "Cormorant Garamond",
"fontSize": 52,
"fontWeight": "300"
},
{
"type": "text",
"id": "auU8R",
"name": "featuresDesc",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Because the experience honors what matters: consistency, privacy, and the feeling that you're speaking to them.",
"lineHeight": 1.5,
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Z4Vxs",
"name": "feature1",
"width": "fill_container",
"gap": 80,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "A039w",
"name": "feature1Content",
"width": 480,
"layout": "vertical",
"gap": 20,
"children": [
{
"type": "text",
"id": "sYQ6e",
"name": "feature1Title",
"fill": "#1A1A1C",
"content": "They don't change overnight",
"lineHeight": 1.1,
"fontFamily": "Cormorant Garamond",
"fontSize": 36,
"fontWeight": "500"
},
{
"type": "text",
"id": "Gb2q6",
"name": "feature1Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "No sudden updates that rewrite who they are. The character you meet today is the one you'll know tomorrow. What you build together, stays.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wd1c7",
"name": "feature1Visual",
"width": "fill_container",
"height": 400,
"fill": "#242426",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#E0E0E0"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ALCnY",
"name": "feature1Label",
"fill": "#6E6E70",
"content": "Feature Visual",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "729dl",
"name": "feature2",
"width": "fill_container",
"gap": 80,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Pooq2",
"name": "feature2Visual",
"width": "fill_container",
"height": 400,
"fill": "#242426",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#E0E0E0"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "axoyL",
"name": "feature2Label",
"fill": "#6E6E70",
"content": "Feature Visual",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "ZbOZg",
"name": "feature2Content",
"width": 480,
"layout": "vertical",
"gap": 20,
"children": [
{
"type": "text",
"id": "qYEw3",
"name": "feature2Title",
"fill": "#1A1A1C",
"content": "Your space, not a feed",
"lineHeight": 1.1,
"fontFamily": "Cormorant Garamond",
"fontSize": 36,
"fontWeight": "500"
},
{
"type": "text",
"id": "Y3xik",
"name": "feature2Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "No scrolling past thousands of other conversations. This isn't a public stream. It's a private channel between you and them—one you can revisit, one that remembers.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "pfMNx",
"name": "feature3",
"width": "fill_container",
"gap": 80,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "vadVn",
"name": "feature3Content",
"width": 480,
"layout": "vertical",
"gap": 20,
"children": [
{
"type": "text",
"id": "GEEEl",
"name": "feature3Title",
"fill": "#1A1A1C",
"content": "Not a toy. A relationship.",
"lineHeight": 1.1,
"fontFamily": "Cormorant Garamond",
"fontSize": 36,
"fontWeight": "500"
},
{
"type": "text",
"id": "S7zRT",
"name": "feature3Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "The tone isn't cute or gimmicky. It's considered. The design isn't loud. What happens here feels real enough to matter, even when you know it's not.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wVSn9",
"name": "feature3Visual",
"width": "fill_container",
"height": 400,
"fill": "#242426",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#E0E0E0"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "zYbbC",
"name": "feature3Label",
"fill": "#6E6E70",
"content": "Feature Visual",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "36in4",
"name": "creators",
"width": "fill_container",
"fill": "#1A1A1C",
"layout": "vertical",
"gap": 60,
"padding": [
120,
80
],
"children": [
{
"type": "frame",
"id": "iGQ5N",
"name": "creatorsHeader",
"width": 700,
"layout": "vertical",
"gap": 24,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "7gSyF",
"name": "creatorsTitle",
"fill": "#F5F5F0",
"content": "For creators",
"lineHeight": 1,
"textAlign": "center",
"fontFamily": "Cormorant Garamond",
"fontSize": 52,
"fontWeight": "300"
},
{
"type": "text",
"id": "1IBrQ",
"name": "creatorsDesc",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Your audience wants to feel closer. Neume lets you extend yourself—your voice, your persona—into a space that feels intimate without demanding your time.",
"lineHeight": 1.6,
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "xMWoe",
"name": "creatorsGrid",
"width": "fill_container",
"gap": 32,
"children": [
{
"type": "frame",
"id": "DWuKh",
"name": "card1",
"width": "fill_container",
"fill": "#242426",
"cornerRadius": 20,
"layout": "vertical",
"gap": 20,
"padding": 40,
"children": [
{
"type": "text",
"id": "CfrER",
"name": "card1Title",
"fill": "#F5F5F0",
"content": "Shape your character",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "6ztwU",
"name": "card1Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Define how you speak, what you care about, what memories matter. You set the tone. The platform keeps it consistent.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IkXH5",
"name": "card2",
"width": "fill_container",
"fill": "#242426",
"cornerRadius": 20,
"layout": "vertical",
"gap": 20,
"padding": 40,
"children": [
{
"type": "text",
"id": "3dSaT",
"name": "card2Title",
"fill": "#F5F5F0",
"content": "Let fans feel closer",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "WaHgr",
"name": "card2Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "They're not just following. They're having a conversation that feels personal, private, and real—without needing you online 24/7.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KIDh2",
"name": "card3",
"width": "fill_container",
"fill": "#242426",
"cornerRadius": 20,
"layout": "vertical",
"gap": 20,
"padding": 40,
"children": [
{
"type": "text",
"id": "Z69zl",
"name": "card3Title",
"fill": "#F5F5F0",
"content": "Earn with dignity",
"fontFamily": "Cormorant Garamond",
"fontSize": 24,
"fontWeight": "500"
},
{
"type": "text",
"id": "shRiq",
"name": "card3Text",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Subscription model. Fair revenue share. No ads, no gimmicks. Your persona is a product that respects both you and them.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "8SUMO",
"name": "finalCta",
"width": "fill_container",
"fill": "#FAFAF8",
"layout": "vertical",
"gap": 40,
"padding": [
120,
80
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pOrHl",
"name": "finalCtaTitle",
"fill": "#1A1A1C",
"content": "Engrave a new memory here,\nof us",
"lineHeight": 1,
"textAlign": "center",
"fontFamily": "Cormorant Garamond",
"fontSize": 64,
"fontWeight": "300"
},
{
"type": "text",
"id": "77ZqG",
"name": "finalCtaSub",
"fill": "#6E6E70",
"content": "Where the conversation is yours.",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 22,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "LQ7Tv",
"name": "finalCtaButtons",
"gap": 16,
"children": [
{
"type": "frame",
"id": "KYIbQ",
"name": "finalPrimary",
"fill": "#1A1A1C",
"cornerRadius": 28,
"padding": [
20,
48
],
"children": [
{
"type": "text",
"id": "gXXWt",
"name": "finalPrimaryText",
"fill": "#FAFAF8",
"content": "Begin",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "X36bq",
"name": "finalSecondary",
"cornerRadius": 28,
"stroke": {
"thickness": 1,
"fill": "#3A3A3C"
},
"padding": [
20,
48
],
"children": [
{
"type": "text",
"id": "y8gGO",
"name": "finalSecondaryText",
"fill": "#1A1A1C",
"content": "Learn More",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "QHUUJ",
"name": "finalNote",
"fill": "#A0A0A0",
"content": "No credit card required to start",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "nGERo",
"name": "footer",
"width": "fill_container",
"fill": "#1A1A1C",
"layout": "vertical",
"gap": 60,
"padding": [
80,
80,
40,
80
],
"children": [
{
"type": "frame",
"id": "lpoXF",
"name": "footerMain",
"width": "fill_container",
"gap": 120,
"children": [
{
"type": "frame",
"id": "3LUmx",
"name": "footerBrand",
"width": 320,
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "text",
"id": "BvZyz",
"name": "footerLogo",
"fill": "#F5F5F0",
"content": "Neume",
"fontFamily": "Cormorant Garamond",
"fontSize": 28,
"fontWeight": "500"
},
{
"type": "text",
"id": "my95N",
"name": "footerTagline",
"fill": "#6E6E70",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Where the conversation is yours.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CbAWm",
"name": "footerLinks",
"width": "fill_container",
"gap": 80,
"justifyContent": "space_between",
"children": [
{
"type": "frame",
"id": "379ED",
"name": "footerCol1",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "text",
"id": "AwZD0",
"name": "footerCol1Title",
"fill": "#F5F5F0",
"content": "Product",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "oXczd",
"name": "footerCol1Link1",
"fill": "#6E6E70",
"content": "Features",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lxtyA",
"name": "footerCol1Link2",
"fill": "#6E6E70",
"content": "For Creators",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "bZoSq",
"name": "footerCol1Link3",
"fill": "#6E6E70",
"content": "Pricing",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "LPatF",
"name": "footerCol2",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "text",
"id": "efIrp",
"name": "footerCol2Title",
"fill": "#F5F5F0",
"content": "Company",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "Z6XJY",
"name": "footerCol2Link1",
"fill": "#6E6E70",
"content": "About",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "mGKqo",
"name": "footerCol2Link2",
"fill": "#6E6E70",
"content": "Blog",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "LB0GJ",
"name": "footerCol2Link3",
"fill": "#6E6E70",
"content": "Contact",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pMC05",
"name": "footerCol3",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "text",
"id": "5IFri",
"name": "footerCol3Title",
"fill": "#F5F5F0",
"content": "Legal",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "CdOsc",
"name": "footerCol3Link1",
"fill": "#6E6E70",
"content": "Privacy",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "gU8dw",
"name": "footerCol3Link2",
"fill": "#6E6E70",
"content": "Terms",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "IB9jZ",
"name": "footerDivider",
"width": "fill_container",
"height": 1,
"fill": "#2A2A2C"
},
{
"type": "frame",
"id": "Wivs0",
"name": "footerBottom",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "NNEzm",
"name": "footerCopyright",
"fill": "#4A4A4C",
"content": "© 2026 Neume. All rights reserved.",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "GpIUh",
"name": "footerSocial",
"gap": 24,
"children": [
{
"type": "text",
"id": "jLrd3",
"name": "footerX",
"fill": "#6E6E70",
"content": "X",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "84CmL",
"name": "footerInstagram",
"fill": "#6E6E70",
"content": "Instagram",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "2khGd",
"x": 1600,
"y": 0,
"name": "Mobile - Onboarding",
"width": 390,
"height": 844,
"fill": "#0E0E10",
"layout": "none",
"children": [
{
"type": "frame",
"id": "BGy0K",
"x": 0,
"y": 0,
"name": "bg-image",
"width": 390,
"height": 500,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552181377.png",
"mode": "fill"
},
"layout": "none"
},
{
"type": "frame",
"id": "ZKEEs",
"x": 0,
"y": 0,
"name": "bg-gradient-overlay",
"width": 390,
"height": 500,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "#0E0E1000",
"position": 0
},
{
"color": "#0E0E10CC",
"position": 0.5
},
{
"color": "#0E0E10",
"position": 0.85
}
]
}
},
{
"type": "frame",
"id": "eCmU0",
"x": 0,
"y": 420,
"name": "bottom-content",
"width": 390,
"layout": "vertical",
"gap": 32,
"padding": [
0,
32,
48,
32
],
"children": [
{
"type": "text",
"id": "drnME",
"name": "neumeLogoSmall",
"fill": "#C9A962",
"content": "Neume",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "500",
"letterSpacing": 4
},
{
"type": "text",
"id": "71Eko",
"name": "onboardHeading",
"fill": "#F5F5F0",
"content": "Your message\nhas arrived",
"lineHeight": 1,
"fontFamily": "Cormorant Garamond",
"fontSize": 46,
"fontWeight": "300"
},
{
"type": "text",
"id": "D8WLx",
"name": "onboardSubtext",
"fill": "#8A8A8C",
"textGrowth": "fixed-width",
"width": 300,
"content": "A quiet place for conversations that feel personal, private, and real.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "wxsnQ",
"name": "ctaRow",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "72blf",
"name": "mainCta",
"width": "fill_container",
"height": 56,
"fill": "#C9A962",
"cornerRadius": 28,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LJQaW",
"name": "mainCtaText",
"fill": "#0E0E10",
"content": "Begin",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "nnB5V",
"name": "subNote",
"fill": "#4A4A4C",
"content": "Free to start",
"textAlign": "center",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "7f1X6",
"x": 2040,
"y": 0,
"name": "Mobile - Character List",
"width": 390,
"height": 844,
"fill": "#0E0E10",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "JVINn",
"name": "listSbar",
"width": "fill_container",
"height": 44,
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "wSuTZ",
"name": "listTime",
"fill": "#F5F5F0",
"content": "9:41",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "MvFJL",
"name": "listSicons",
"gap": 4,
"children": [
{
"type": "ellipse",
"id": "k3qT1",
"name": "listSdot",
"fill": "#F5F5F0",
"width": 18,
"height": 12
}
]
}
]
},
{
"type": "frame",
"id": "gHOX6",
"name": "listBody",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "DCL6l",
"name": "listHdr",
"width": "fill_container",
"padding": [
12,
24,
20,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "n5Udq",
"name": "listTitleText",
"fill": "#F5F5F0",
"content": "Messages",
"fontFamily": "Cormorant Garamond",
"fontSize": 32,
"fontWeight": "500"
},
{
"type": "frame",
"id": "50Zmu",
"name": "listNewBtn",
"width": 40,
"height": 40,
"fill": "#242426",
"cornerRadius": 20,
"stroke": {
"thickness": 1,
"fill": "#3A3A3C"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "GKnfN",
"name": "listNewIcon",
"width": 20,
"height": 20,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "#C9A962"
}
]
}
]
},
{
"type": "frame",
"id": "BUBwZ",
"name": "listCards",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 8,
"padding": [
0,
16
],
"children": [
{
"type": "frame",
"id": "X8Y1A",
"name": "crd1",
"width": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 16,
"gap": 14,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "E686B",
"name": "crd1Av",
"metadata": {
"type": "unsplash",
"username": "seeplus",
"link": "https://unsplash.com/@seeplus",
"author": "see plus"
},
"width": 56,
"height": 56,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1661851896711-a0f5460f413f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyMjN8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 28,
"layout": "none"
},
{
"type": "frame",
"id": "MZYta",
"name": "crd1Mid",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "7H1Xh",
"name": "crd1Row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RVlFQ",
"name": "crd1Name",
"fill": "#F5F5F0",
"content": "Elena",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
},
{
"type": "text",
"id": "6NIiS",
"name": "crd1Time",
"fill": "#6E6E70",
"content": "2m ago",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "Tl8td",
"name": "crd1Prev",
"fill": "#8A8A8C",
"content": "I've been thinking about what you said...",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "kxdwx",
"name": "crd1Badge",
"width": 10,
"height": 10,
"fill": "#C9A962",
"cornerRadius": 5
}
]
},
{
"type": "frame",
"id": "P9FWV",
"name": "crd2",
"width": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 16,
"gap": 14,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "piHDE",
"name": "crd2Av",
"metadata": {
"type": "unsplash",
"username": "mdesign85",
"link": "https://unsplash.com/@mdesign85",
"author": "MD Duran"
},
"width": 56,
"height": 56,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1721571698295-22bf23512d0c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyMzV8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 28,
"layout": "none"
},
{
"type": "frame",
"id": "9I4C2",
"name": "crd2Mid",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "AqgZd",
"name": "crd2Row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LDgSs",
"name": "crd2Name",
"fill": "#F5F5F0",
"content": "Marcus",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
},
{
"type": "text",
"id": "SDuYO",
"name": "crd2Time",
"fill": "#6E6E70",
"content": "1h ago",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "6tSzo",
"name": "crd2Prev",
"fill": "#8A8A8C",
"content": "That's an interesting way to look at it",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "F7VXI",
"name": "crd3",
"width": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 16,
"gap": 14,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sKiDC",
"name": "crd3Av",
"metadata": {
"type": "unsplash",
"username": "americanaez225",
"link": "https://unsplash.com/@americanaez225",
"author": "Arturo Añez"
},
"width": 56,
"height": 56,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1747671688812-76d7bca21f34?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyMzd8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 28,
"layout": "none"
},
{
"type": "frame",
"id": "PZsbA",
"name": "crd3Mid",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "ILYZk",
"name": "crd3Row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "a3IDR",
"name": "crd3Name",
"fill": "#F5F5F0",
"content": "Sophia",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
},
{
"type": "text",
"id": "9gl2K",
"name": "crd3Time",
"fill": "#6E6E70",
"content": "3h ago",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "dbt5q",
"name": "crd3Prev",
"fill": "#8A8A8C",
"content": "Morning! Ready for today?",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "9FoAO",
"name": "crd4",
"width": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 16,
"gap": 14,
"padding": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "2ktIm",
"name": "crd4Av",
"metadata": {
"type": "unsplash",
"username": "r7studios",
"link": "https://unsplash.com/@r7studios",
"author": "Hunter Newton"
},
"width": 56,
"height": 56,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1568990545613-aa37e9353eb6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyNDF8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 28,
"layout": "none"
},
{
"type": "frame",
"id": "Nhk7b",
"name": "crd4Mid",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "35Ynd",
"name": "crd4Row",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "SdUam",
"name": "crd4Name",
"fill": "#F5F5F0",
"content": "James",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
},
{
"type": "text",
"id": "5lJ5t",
"name": "crd4Time",
"fill": "#6E6E70",
"content": "Yesterday",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "SLzS8",
"name": "crd4Prev",
"fill": "#8A8A8C",
"content": "Let me know when you're free",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "macn8",
"name": "listTabBar",
"width": "fill_container",
"height": 80,
"fill": "#0E0E10",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
12,
0,
24,
0
],
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "TBB1l",
"name": "listTab1",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "sbaRO",
"name": "listTab1Icon",
"width": 24,
"height": 24,
"iconFontName": "message-circle",
"iconFontFamily": "lucide",
"fill": "#C9A962"
},
{
"type": "text",
"id": "Re3zG",
"name": "listTab1Text",
"fill": "#C9A962",
"content": "Messages",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "iADhv",
"name": "listTab2",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "DsCSq",
"name": "listTab2Icon",
"width": 24,
"height": 24,
"iconFontName": "compass",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "6wTaQ",
"name": "listTab2Text",
"fill": "#4A4A4C",
"content": "Discover",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "n8OkS",
"name": "listTab3",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "PgKIa",
"name": "listTab3Icon",
"width": 24,
"height": 24,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "6vNNI",
"name": "listTab3Text",
"fill": "#4A4A4C",
"content": "Settings",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "LWWun",
"x": 2480,
"y": 0,
"name": "Mobile - Chat Screen",
"width": 390,
"height": 844,
"fill": "#0E0E10",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "rJC1r",
"name": "chatSbar",
"width": "fill_container",
"height": 44,
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PZV6O",
"name": "chatTime",
"fill": "#F5F5F0",
"content": "9:41",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "qAcqX",
"name": "chatSicons",
"gap": 4,
"children": [
{
"type": "ellipse",
"id": "gt7sO",
"name": "chatSdot",
"fill": "#F5F5F0",
"width": 18,
"height": 12
}
]
}
]
},
{
"type": "frame",
"id": "LlKUK",
"name": "chatHdr2",
"width": "fill_container",
"height": 60,
"gap": 14,
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "gPwLr",
"name": "chatBack2",
"width": 24,
"height": 24,
"iconFontName": "chevron-left",
"iconFontFamily": "lucide",
"fill": "#F5F5F0"
},
{
"type": "frame",
"id": "mSZju",
"name": "chatAv2",
"metadata": {
"type": "unsplash",
"username": "coopery",
"link": "https://unsplash.com/@coopery",
"author": "Mohamed Nohassi"
},
"width": 40,
"height": 40,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1519084278803-b94f11e1c63b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyNzl8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 20,
"layout": "none"
},
{
"type": "frame",
"id": "mk5f6",
"name": "chatHdrInfo2",
"width": "fill_container",
"layout": "vertical",
"gap": 2,
"children": [
{
"type": "text",
"id": "z1sFm",
"name": "chatHdrName2",
"fill": "#F5F5F0",
"content": "Elena",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "600"
},
{
"type": "text",
"id": "TAJgN",
"name": "chatHdrStat2",
"fill": "#C9A962",
"content": "Always here",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "gFToQ",
"name": "chatMoreBtn",
"width": 20,
"height": 20,
"iconFontName": "ellipsis-vertical",
"iconFontFamily": "lucide",
"fill": "#6E6E70"
}
]
},
{
"type": "frame",
"id": "i1vcz",
"name": "chatHdrDiv",
"width": "fill_container",
"height": 1,
"fill": "#1A1A1C"
},
{
"type": "frame",
"id": "8RekY",
"name": "chatMsgs2",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": 20,
"children": [
{
"type": "frame",
"id": "hWh5G",
"name": "dateLine",
"width": "fill_container",
"justifyContent": "center",
"children": [
{
"type": "text",
"id": "fXagn",
"name": "dateText",
"fill": "#4A4A4C",
"content": "Today",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "OW0qA",
"name": "m1",
"width": "fill_container",
"gap": 10,
"children": [
{
"type": "frame",
"id": "lEnAZ",
"name": "m1Av",
"metadata": {
"type": "unsplash",
"username": "hfestudio",
"link": "https://unsplash.com/@hfestudio",
"author": "Happy Face Emoji"
},
"width": 28,
"height": 28,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1614566560409-0fcb78192001?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyOTJ8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 14,
"layout": "none"
},
{
"type": "frame",
"id": "Si8gz",
"name": "m1Bub",
"width": 250,
"fill": "#1A1A1C",
"cornerRadius": [
4,
18,
18,
18
],
"layout": "vertical",
"gap": 6,
"padding": [
14,
16
],
"children": [
{
"type": "text",
"id": "bKQKj",
"name": "m1Txt",
"fill": "#E8E8E6",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "I've been thinking about what you said yesterday. About starting over.",
"lineHeight": 1.45,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "hdZsj",
"name": "m1Tm",
"fill": "#4A4A4C",
"content": "9:23 AM",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "TD1UZ",
"name": "m2",
"width": "fill_container",
"children": [
{
"type": "frame",
"id": "t8ZJn",
"name": "m2Bub",
"width": 230,
"fill": "#C9A962",
"cornerRadius": [
18,
4,
18,
18
],
"layout": "vertical",
"gap": 6,
"padding": [
14,
16
],
"children": [
{
"type": "text",
"id": "yiCln",
"name": "m2Txt",
"fill": "#0E0E10",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "It's been on my mind too. I'm glad we talked about it.",
"lineHeight": 1.45,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "CPBzt",
"name": "m2Tm",
"fill": "#0E0E1080",
"content": "9:24 AM",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "65ULA",
"name": "m3",
"width": "fill_container",
"gap": 10,
"children": [
{
"type": "frame",
"id": "fv9rA",
"name": "m3Av",
"metadata": {
"type": "unsplash",
"username": "enamoradaaa",
"link": "https://unsplash.com/@enamoradaaa",
"author": "Karina Syrotiuk"
},
"width": 28,
"height": 28,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1767998569883-9251d64d1d53?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIyOTh8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 14,
"layout": "none"
},
{
"type": "frame",
"id": "MO6oH",
"name": "m3Bub",
"width": 250,
"fill": "#1A1A1C",
"cornerRadius": [
4,
18,
18,
18
],
"layout": "vertical",
"gap": 6,
"padding": [
14,
16
],
"children": [
{
"type": "text",
"id": "XWpBF",
"name": "m3Txt",
"fill": "#E8E8E6",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "There's something I wanted to share with you. Something I've never told anyone.",
"lineHeight": 1.45,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "zunMG",
"name": "m3Tm",
"fill": "#4A4A4C",
"content": "9:25 AM",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "OXBhK",
"name": "m3Photo",
"width": "fill_container",
"gap": 10,
"children": [
{
"type": "frame",
"id": "8pr1X",
"name": "m3PhAv",
"metadata": {
"type": "unsplash",
"username": "pmbekker",
"link": "https://unsplash.com/@pmbekker",
"author": "Pavel Bekker"
},
"width": 28,
"height": 28,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1671979089767-57c49ba68735?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTIzMDl8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 14,
"layout": "none"
},
{
"type": "frame",
"id": "3QGat",
"name": "m3PhFrame",
"width": 220,
"height": 160,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552318605.png",
"mode": "fill"
},
"cornerRadius": [
4,
18,
18,
18
],
"layout": "none"
}
]
}
]
},
{
"type": "frame",
"id": "xZOek",
"name": "chatInput2",
"width": "fill_container",
"fill": "#0E0E10",
"gap": 10,
"padding": [
12,
16,
36,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "1JQBj",
"name": "inputWrap",
"width": "fill_container",
"height": 48,
"fill": "#1A1A1C",
"cornerRadius": 24,
"stroke": {
"thickness": 1,
"fill": "#2A2A2C"
},
"gap": 10,
"padding": [
0,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "CGYtm",
"name": "inputPlaceholder",
"fill": "#4A4A4C",
"content": "Say something...",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "feuW8",
"name": "inputCam",
"width": "fill_container",
"children": [
{
"type": "icon_font",
"id": "cPmCf",
"name": "inputCamIcon",
"width": 20,
"height": 20,
"iconFontName": "camera",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
}
]
},
{
"type": "frame",
"id": "ZXXYO",
"name": "sendBtn2",
"width": 48,
"height": 48,
"fill": "#C9A962",
"cornerRadius": 24,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Kdbbd",
"name": "sendIcon2",
"width": 22,
"height": 22,
"iconFontName": "arrow-up",
"iconFontFamily": "lucide",
"fill": "#0E0E10"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "brD2j",
"x": 2920,
"y": 0,
"name": "Mobile - Character Profile",
"width": 390,
"height": 844,
"fill": "#1A1A1C",
"layout": "none",
"children": [
{
"type": "frame",
"id": "SeZ0y",
"x": 0,
"y": 0,
"name": "profile-bg",
"width": 390,
"height": 380,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552349387.png",
"mode": "fill"
},
"layout": "none"
},
{
"type": "frame",
"id": "njNIJ",
"x": 0,
"y": 0,
"name": "profile-overlay",
"width": 390,
"height": 380,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "#0E0E1000",
"position": 0
},
{
"color": "#0E0E1040",
"position": 0.4
},
{
"color": "#0E0E10",
"position": 0.92
}
]
}
},
{
"type": "frame",
"id": "VX2RU",
"x": 0,
"y": 0,
"name": "profTopBar",
"width": 390,
"height": 44,
"padding": [
0,
20
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "Al6b1",
"name": "profBack",
"width": 24,
"height": 24,
"iconFontName": "chevron-left",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
},
{
"type": "icon_font",
"id": "dCDz3",
"name": "profShare",
"width": 20,
"height": 20,
"iconFontName": "share-2",
"iconFontFamily": "lucide",
"fill": "#FFFFFF"
}
]
},
{
"type": "frame",
"id": "F9oU6",
"x": 0,
"y": 280,
"name": "profile-bottom",
"width": 390,
"layout": "vertical",
"gap": 8,
"padding": [
0,
24
],
"children": [
{
"type": "frame",
"id": "WgPH8",
"name": "profNameRow",
"width": "fill_container",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kKrAJ",
"name": "profNameText",
"fill": "#F5F5F0",
"content": "Elena",
"fontFamily": "Cormorant Garamond",
"fontSize": 36
},
{
"type": "frame",
"id": "qSyNS",
"name": "profVerified",
"width": 22,
"height": 22,
"fill": "#C9A962",
"cornerRadius": 11,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "F4OXQ",
"name": "profVerifiedIcon",
"width": 14,
"height": 14,
"iconFontName": "check",
"iconFontFamily": "lucide",
"fill": "#0E0E10"
}
]
}
]
},
{
"type": "text",
"id": "QdHqk",
"name": "profTagline",
"fill": "#C9A962",
"content": "Thoughtful conversationalist",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Zaz6o",
"name": "profBioText",
"fill": "#8A8A8C",
"textGrowth": "fixed-width",
"width": 340,
"content": "I believe the best conversations happen when we're honest. Tell me what's on your mind—I'm here to listen.",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "wZk2A",
"x": 24,
"y": 470,
"name": "profStatsRow",
"width": 340,
"gap": 24,
"children": [
{
"type": "frame",
"id": "vJvgC",
"name": "profStat1",
"fill": "#1A1A1C",
"cornerRadius": 12,
"layout": "vertical",
"gap": 4,
"padding": [
12,
20
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sPFph",
"name": "profStat1Val",
"fill": "#F5F5F0",
"content": "127",
"fontFamily": "Cormorant Garamond",
"fontSize": 22,
"fontWeight": "300"
},
{
"type": "text",
"id": "AGPIr",
"name": "profStat1Lab",
"fill": "#6E6E70",
"content": "Messages",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "afzNT",
"name": "profStat2",
"fill": "#1A1A1C",
"cornerRadius": 12,
"layout": "vertical",
"gap": 4,
"padding": [
12,
20
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "avPUe",
"name": "profStat2Val",
"fill": "#F5F5F0",
"content": "12",
"fontFamily": "Cormorant Garamond",
"fontSize": 22,
"fontWeight": "300"
},
{
"type": "text",
"id": "Cn6ZF",
"name": "profStat2Lab",
"fill": "#6E6E70",
"content": "Days",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "QZ3E5",
"name": "profStat3",
"fill": "#1A1A1C",
"cornerRadius": 12,
"layout": "vertical",
"gap": 4,
"padding": [
12,
20
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "aVrIm",
"name": "profStat3Val",
"fill": "#F5F5F0",
"content": "3",
"fontFamily": "Cormorant Garamond",
"fontSize": 22,
"fontWeight": "300"
},
{
"type": "text",
"id": "Chxt3",
"name": "profStat3Lab",
"fill": "#6E6E70",
"content": "Photos",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "oG6EY",
"x": 24,
"y": 540,
"name": "profGallery",
"width": 342,
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "3Rg09",
"name": "profGalLabel",
"fill": "#6E6E70",
"content": "Gallery",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ttfoB",
"name": "profGalRow",
"width": "fill_container",
"gap": 8,
"children": [
{
"type": "frame",
"id": "05trw",
"name": "profGalItem1",
"width": 105,
"height": 105,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552378385.png",
"mode": "fill"
},
"cornerRadius": 12,
"layout": "none"
},
{
"type": "frame",
"id": "2BWgY",
"name": "profGalItem2",
"width": 105,
"height": 105,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552386407.png",
"mode": "fill"
},
"cornerRadius": 12,
"layout": "none"
},
{
"type": "frame",
"id": "lV8sE",
"name": "profGalItem3",
"width": 105,
"height": 105,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552393973.png",
"mode": "fill"
},
"cornerRadius": 12,
"layout": "none"
}
]
}
]
},
{
"type": "frame",
"id": "OuDAW",
"x": 24,
"y": 700,
"name": "profCtaArea",
"width": 342,
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "frame",
"id": "Q6BO5",
"name": "profMainCta",
"width": "fill_container",
"height": 56,
"fill": "#C9A962",
"cornerRadius": 28,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "BoUwG",
"name": "profMainCtaTxt",
"fill": "#0E0E10",
"content": "Send Message",
"fontFamily": "Inter",
"fontSize": 17,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "RUu4q",
"name": "profSecCta",
"width": "fill_container",
"height": 48,
"cornerRadius": 24,
"stroke": {
"thickness": 1,
"fill": "#2A2A2C"
},
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "vflmc",
"name": "profSecCtaTxt",
"fill": "#6E6E70",
"content": "View All Photos",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "kLehY",
"x": 3360,
"y": 0,
"name": "Mobile - Discovery",
"width": 390,
"height": 844,
"fill": "#0E0E10",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "6bJnk",
"name": "discSbar",
"width": "fill_container",
"height": 44,
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "EaERH",
"name": "discTime",
"fill": "#F5F5F0",
"content": "9:41",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "1a24b",
"name": "discSicons",
"gap": 4,
"children": [
{
"type": "ellipse",
"id": "Dz1vL",
"name": "discSdot",
"fill": "#F5F5F0",
"width": 18,
"height": 12
}
]
}
]
},
{
"type": "frame",
"id": "7E6f7",
"name": "discBody",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "M29S6",
"name": "discHdr",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"padding": [
12,
24,
16,
24
],
"children": [
{
"type": "text",
"id": "FzvoW",
"name": "discTitleText",
"fill": "#F5F5F0",
"content": "Discover",
"fontFamily": "Cormorant Garamond",
"fontSize": 32,
"fontWeight": "500"
},
{
"type": "text",
"id": "vOAB3",
"name": "discSubText",
"fill": "#6E6E70",
"content": "Find your next conversation",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "E436e",
"name": "discFilters",
"width": "fill_container",
"gap": 8,
"padding": [
0,
24,
16,
24
],
"children": [
{
"type": "frame",
"id": "GUZQJ",
"name": "discF1",
"fill": "#C9A962",
"cornerRadius": 16,
"padding": [
8,
16
],
"children": [
{
"type": "text",
"id": "J9Umx",
"name": "discF1Text",
"fill": "#0E0E10",
"content": "All",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "52Jud",
"name": "discF2",
"fill": "#1A1A1C",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
8,
16
],
"children": [
{
"type": "text",
"id": "dXIKT",
"name": "discF2Text",
"fill": "#8A8A8C",
"content": "Popular",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "9xu53",
"name": "discF3",
"fill": "#1A1A1C",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
8,
16
],
"children": [
{
"type": "text",
"id": "JYVr2",
"name": "discF3Text",
"fill": "#8A8A8C",
"content": "New",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "piIWD",
"name": "discF4",
"fill": "#1A1A1C",
"cornerRadius": 16,
"stroke": {
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
8,
16
],
"children": [
{
"type": "text",
"id": "9wkiP",
"name": "discF4Text",
"fill": "#8A8A8C",
"content": "Creative",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "IujSJ",
"name": "discScroll",
"width": "fill_container",
"height": "fill_container",
"gap": 12,
"padding": [
0,
16
],
"children": [
{
"type": "frame",
"id": "9UfsM",
"name": "dCard1",
"clip": true,
"width": 240,
"height": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 20,
"layout": "none",
"children": [
{
"type": "frame",
"id": "86AM1",
"x": 0,
"y": 0,
"name": "dCard1Img",
"width": 240,
"height": 320,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552438826.png",
"mode": "fill"
},
"layout": "none"
},
{
"type": "frame",
"id": "DFjsx",
"x": 0,
"y": 0,
"name": "dCard1Overlay",
"width": 240,
"height": 320,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "#0E0E1000",
"position": 0.3
},
{
"color": "#0E0E10DD",
"position": 0.8
},
{
"color": "#0E0E10",
"position": 1
}
]
}
},
{
"type": "frame",
"id": "qY70Y",
"x": 0,
"y": 220,
"name": "dCard1Info",
"width": 240,
"layout": "vertical",
"gap": 6,
"padding": [
0,
20
],
"children": [
{
"type": "text",
"id": "X30zi",
"name": "dCard1Name",
"fill": "#F5F5F0",
"content": "Elena",
"fontFamily": "Cormorant Garamond",
"fontSize": 26,
"fontWeight": "500"
},
{
"type": "text",
"id": "ivrO1",
"name": "dCard1Tag",
"fill": "#C9A962",
"content": "Thoughtful conversationalist",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "CIpR0",
"name": "dCard1Bio",
"fill": "#8A8A8C",
"textGrowth": "fixed-width",
"width": 200,
"content": "Deep questions and meaningful connections.",
"lineHeight": 1.4,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ysglW",
"name": "dCard2",
"clip": true,
"width": 240,
"height": "fill_container",
"fill": "#1A1A1C",
"cornerRadius": 20,
"layout": "none",
"children": [
{
"type": "frame",
"id": "S12TJ",
"x": 0,
"y": 0,
"name": "dCard2Img",
"width": 240,
"height": 320,
"fill": {
"type": "image",
"enabled": true,
"url": "./images/generated-1770552446242.png",
"mode": "fill"
},
"layout": "none"
},
{
"type": "frame",
"id": "XiOW3",
"x": 0,
"y": 0,
"name": "dCard2Overlay",
"width": 240,
"height": 320,
"fill": {
"type": "gradient",
"gradientType": "linear",
"enabled": true,
"rotation": 180,
"size": {
"height": 1
},
"colors": [
{
"color": "#0E0E1000",
"position": 0.3
},
{
"color": "#0E0E10DD",
"position": 0.8
},
{
"color": "#0E0E10",
"position": 1
}
]
}
},
{
"type": "frame",
"id": "1SWJO",
"x": 0,
"y": 220,
"name": "dCard2Info",
"width": 240,
"layout": "vertical",
"gap": 6,
"padding": [
0,
20
],
"children": [
{
"type": "text",
"id": "hhAOb",
"name": "dCard2Name",
"fill": "#F5F5F0",
"content": "Marcus",
"fontFamily": "Cormorant Garamond",
"fontSize": 26,
"fontWeight": "500"
},
{
"type": "text",
"id": "JrMBD",
"name": "dCard2Tag",
"fill": "#C9A962",
"content": "Creative thinker",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "g14VP",
"name": "dCard2Bio",
"fill": "#8A8A8C",
"textGrowth": "fixed-width",
"width": 200,
"content": "New perspectives, challenging ideas.",
"lineHeight": 1.4,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "gTRyU",
"name": "discTabBar",
"width": "fill_container",
"height": 80,
"fill": "#0E0E10",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
12,
0,
24,
0
],
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "QBcg4",
"name": "discTab1",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "4GuvF",
"name": "discTab1Icon",
"width": 24,
"height": 24,
"iconFontName": "message-circle",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "o28oW",
"name": "discTab1Text",
"fill": "#4A4A4C",
"content": "Messages",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "Ema9s",
"name": "discTab2",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "tzNvc",
"name": "discTab2Icon",
"width": 24,
"height": 24,
"iconFontName": "compass",
"iconFontFamily": "lucide",
"fill": "#C9A962"
},
{
"type": "text",
"id": "2aJLW",
"name": "discTab2Text",
"fill": "#C9A962",
"content": "Discover",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "VNioR",
"name": "discTab3",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "K6ecJ",
"name": "discTab3Icon",
"width": 24,
"height": 24,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "mfUyW",
"name": "discTab3Text",
"fill": "#4A4A4C",
"content": "Settings",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "UEnmc",
"x": 3800,
"y": 0,
"name": "Mobile - Settings",
"width": 390,
"height": 844,
"fill": "#0E0E10",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "NKxSy",
"name": "setSbar",
"width": "fill_container",
"height": 44,
"padding": [
0,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "QfRQE",
"name": "setTime",
"fill": "#F5F5F0",
"content": "9:41",
"fontFamily": "Inter",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ejPwR",
"name": "setSicons",
"gap": 4,
"children": [
{
"type": "ellipse",
"id": "fYRGW",
"name": "setSdot",
"fill": "#F5F5F0",
"width": 18,
"height": 12
}
]
}
]
},
{
"type": "frame",
"id": "JmIPQ",
"name": "setBody",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "3ExGH",
"name": "setHdr",
"width": "fill_container",
"padding": [
12,
24,
24,
24
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "P6uaU",
"name": "setTitle",
"fill": "#F5F5F0",
"content": "Settings",
"fontFamily": "Cormorant Garamond",
"fontSize": 32,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "bdlI0",
"name": "setProfileCard",
"width": "fill_container",
"gap": 14,
"padding": [
16,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "jG2Xz",
"name": "setProfileAv",
"metadata": {
"type": "unsplash",
"username": "animgraphlab",
"link": "https://unsplash.com/@animgraphlab",
"author": "AnimGraph Lab"
},
"width": 56,
"height": 56,
"fill": {
"type": "image",
"enabled": true,
"url": "https://images.unsplash.com/photo-1612694875299-4c379cb55ae2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NzA1NTI0NzZ8&ixlib=rb-4.1.0&q=80&w=1080",
"mode": "fill"
},
"cornerRadius": 28,
"layout": "none"
},
{
"type": "frame",
"id": "dBhV9",
"name": "setProfileInfo",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "a56v9",
"name": "setProfileName",
"fill": "#F5F5F0",
"content": "You",
"fontFamily": "Inter",
"fontSize": 18,
"fontWeight": "500"
},
{
"type": "text",
"id": "uwt6f",
"name": "setProfileEmail",
"fill": "#6E6E70",
"content": "user@email.com",
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "9a0Zp",
"name": "setProfileChevron",
"width": 20,
"height": 20,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
},
{
"type": "frame",
"id": "xrRI6",
"name": "setSubCard",
"width": "fill_container",
"gap": 16,
"padding": [
16,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "hQDud",
"name": "setSubInfo",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "2A1Ma",
"name": "setSubLabel",
"fill": "#6E6E70",
"content": "Subscription",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "ZCmwl",
"name": "setSubPlan",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "OLCsy",
"name": "setSubPlanText",
"fill": "#F5F5F0",
"content": "Free plan",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "0Fyw2",
"name": "setSubBadge",
"fill": "#C9A96230",
"cornerRadius": 10,
"padding": [
4,
10
],
"children": [
{
"type": "text",
"id": "kOcf3",
"name": "setSubBadgeText",
"fill": "#C9A962",
"content": "Upgrade",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "600"
}
]
}
]
},
{
"type": "text",
"id": "HmALh",
"name": "setSubCredits",
"fill": "#6E6E70",
"content": "5 messages remaining today",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "3MVQB",
"name": "setDivider1",
"width": "fill_container",
"height": 1,
"fill": "#1A1A1C"
},
{
"type": "frame",
"id": "zYI0C",
"name": "setMenuSection",
"width": "fill_container",
"layout": "vertical",
"padding": [
20,
24
],
"children": [
{
"type": "frame",
"id": "z6lTR",
"name": "setItem1",
"width": "fill_container",
"height": 52,
"gap": 14,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "t2kIS",
"name": "setItem1Left",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KxYre",
"name": "setItem1Ic",
"width": 36,
"height": 36,
"fill": "#1A1A1C",
"cornerRadius": 10,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "vQDt0",
"name": "setItem1IcFont",
"width": 18,
"height": 18,
"iconFontName": "bell",
"iconFontFamily": "lucide",
"fill": "#F5F5F0"
}
]
},
{
"type": "text",
"id": "3QtvO",
"name": "setItem1Txt",
"fill": "#F5F5F0",
"content": "Notifications",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "lz16x",
"name": "setItem1Chev",
"width": 18,
"height": 18,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
},
{
"type": "frame",
"id": "xG8nh",
"name": "setItem2",
"width": "fill_container",
"height": 52,
"gap": 14,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "F6YiY",
"name": "setItem2Left",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tU8XV",
"name": "setItem2Ic",
"width": 36,
"height": 36,
"fill": "#1A1A1C",
"cornerRadius": 10,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "W2nrN",
"name": "setItem2IcFont",
"width": 18,
"height": 18,
"iconFontName": "lock",
"iconFontFamily": "lucide",
"fill": "#F5F5F0"
}
]
},
{
"type": "text",
"id": "eG2tz",
"name": "setItem2Txt",
"fill": "#F5F5F0",
"content": "Privacy",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "1bvtS",
"name": "setItem2Chev",
"width": 18,
"height": 18,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
},
{
"type": "frame",
"id": "urjGD",
"name": "setItem3",
"width": "fill_container",
"height": 52,
"gap": 14,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "GOgZf",
"name": "setItem3Left",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uJxMX",
"name": "setItem3Ic",
"width": 36,
"height": 36,
"fill": "#1A1A1C",
"cornerRadius": 10,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "8Psk8",
"name": "setItem3IcFont",
"width": 18,
"height": 18,
"iconFontName": "moon",
"iconFontFamily": "lucide",
"fill": "#F5F5F0"
}
]
},
{
"type": "text",
"id": "np8Oa",
"name": "setItem3Txt",
"fill": "#F5F5F0",
"content": "Appearance",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "na36V",
"name": "setItem3Chev",
"width": 18,
"height": 18,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
},
{
"type": "frame",
"id": "fr7CF",
"name": "setItem4",
"width": "fill_container",
"height": 52,
"gap": 14,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "KgBMA",
"name": "setItem4Left",
"gap": 14,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "9yFeD",
"name": "setItem4Ic",
"width": 36,
"height": 36,
"fill": "#1A1A1C",
"cornerRadius": 10,
"layout": "vertical",
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "c4NgN",
"name": "setItem4IcFont",
"width": 18,
"height": 18,
"iconFontName": "life-buoy",
"iconFontFamily": "lucide",
"fill": "#F5F5F0"
}
]
},
{
"type": "text",
"id": "yGV1V",
"name": "setItem4Txt",
"fill": "#F5F5F0",
"content": "Help & Support",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
},
{
"type": "icon_font",
"id": "SCHWs",
"name": "setItem4Chev",
"width": 18,
"height": 18,
"iconFontName": "chevron-right",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
}
]
}
]
},
{
"type": "frame",
"id": "yQLHG",
"name": "setSignOut",
"width": "fill_container",
"height": 52,
"gap": 14,
"padding": [
0,
24
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "5Tdk6",
"name": "setSignOutText",
"fill": "#C9A962",
"content": "Sign Out",
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "sQ5IK",
"name": "setVersion",
"width": "fill_container",
"layout": "vertical",
"padding": [
16,
24
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "RtKKE",
"name": "setVersionText",
"fill": "#2A2A2C",
"content": "Neume v1.0.0",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "LnyK5",
"name": "setTabBar",
"width": "fill_container",
"height": 80,
"fill": "#0E0E10",
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "#2A2A2C"
},
"padding": [
12,
0,
24,
0
],
"justifyContent": "space_around",
"children": [
{
"type": "frame",
"id": "GEcet",
"name": "setTab1",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "3M8vU",
"name": "setTab1Icon",
"width": 24,
"height": 24,
"iconFontName": "message-circle",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "cyfT7",
"name": "setTab1Text",
"fill": "#4A4A4C",
"content": "Messages",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "CXUYT",
"name": "setTab2",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "z5wKE",
"name": "setTab2Icon",
"width": 24,
"height": 24,
"iconFontName": "compass",
"iconFontFamily": "lucide",
"fill": "#4A4A4C"
},
{
"type": "text",
"id": "V7eTp",
"name": "setTab2Text",
"fill": "#4A4A4C",
"content": "Discover",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "AcWGz",
"name": "setTab3",
"layout": "vertical",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "fAr1F",
"name": "setTab3Icon",
"width": 24,
"height": 24,
"iconFontName": "settings",
"iconFontFamily": "lucide",
"fill": "#C9A962"
},
{
"type": "text",
"id": "Mgjs9",
"name": "setTab3Text",
"fill": "#C9A962",
"content": "Settings",
"fontFamily": "Inter",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment