Chart position — tracked daily by LaunchShots
Screenshot changes — detected by LaunchShots
Screenshot style breakdown
Sampled from 6 of MarkChart - Mermaid Editor's App Store screenshots — background, accent and theme, measured by LaunchShots (not something Apple publishes).
#040404 bg
#272727
#2C345C accent
#FFFFFF text
Screenshots
iPad screenshots
Icon palette
About this app
생각의 속도로 아름다운 Mermaid 다이어그램을 만드세요. MarkChart는 집중할 수 있는 편집기, 실시간 미리보기, 시각적 캔버스, 내장 템플릿, 깔끔한 내보내기를 제공하는 네이티브 iPhone 및 iPad 앱입니다. Mermaid는 텍스트로 다이어그램을 정의하는 Markdown 스타일 문법입니다. MarkChart로 플로차트, 시퀀스 다이어그램, 상태 다이어그램, 클래스 다이어그램, 엔터티 관계 다이어그램, 간트 차트, 타임라인, 마인드맵, 벤 다이어그램, 파이 차트, 요구사항 다이어그램, Git 그래프, 사용자 여정 등을 만들 수 있습니다. 템플릿으로 시작하고, 구문 강조가 적용된 Mermaid 소스를 편집하고, 인터랙티브 캔버스에서 다이어그램을 시각적으로 다듬은 다음 PDF, PNG 또는 SVG로 공유하세요. 아름다운 다이어그램 만들기 Mermaid 텍스트를 집중할 수 있는 iPhone 및 iPad 앱에서 세련된 다이어그램으로 바꾸세요. MERMAID 다이어그램 편집 MarkChart에서 Mermaid 다이어그램을 직접 만들고 편집하세요. 테마 및 구문 강조 세련된 테마를 선택하고 구문 강조로 …
App details
What you can learn from MarkChart - Mermaid Editor
Every shipping app on the App Store has gone through the same decisions you're working through right now: which screenshot goes first, what caption sits over it, which device frame to show, what color the background should be. The 14 screenshots above are MarkChart - Mermaid Editor's answers to those questions — they're public, they're real, and they made it through Apple's review.
What the numbers say: MarkChart - Mermaid Editor runs a dark set where the background shifts from screenshot to screenshot (first shot #040404) — each image has to stand on its own, so the captions carry more of the story. The accent colour we picked up, #2C345C, is the one to reuse for badges, arrows and highlighted words if you borrow this look. Hit Use this style to open the editor with these exact colours and drop your own screenshot in.
Notice the first screenshot in particular. It's the one users see in search results and on the product page, and it's where most apps spend their best caption and tightest design. Look at the proportion of background to phone, where the text sits, what one thing the image is trying to communicate.
Want to see how other Developer Tools apps approach the same problem? Browse more Developer Tools apps in the showcase.
Take what works into your own screenshots
Open LaunchShots and design your App Store & Google Play screenshots — pick a device frame, drop captions, ship in minutes. Free, in your browser.
Open the screenshot editor →Apps with a similar look
Closest background + accent colours among the listings we've analysed — useful when you want to see the same palette handled by a different team.